ios浮层滑动不流畅解决方案
2024-08-29 16:21:23
前段时间做了一个浮层,但在ios上,浮层滑动不流畅,基本上是随着手指的移动而移动,经研究加上-webkit-overflow-scrolling: touch即可
eg:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="keywords" content="尚德机构"/>
<meta name="description" content="尚德机构"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="generator" content="bd-mobcard"/>
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<title></title>
<style type="text/css">
#a {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
font-size: 20px;
white-space: pre;
background: lightgoldenrodyellow;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
#b { }
</style>
</head>
<body>
<div id="a">
<div id="b">
1
1
1
1
11 1
1
1
11 1
11
1
1 11
1 1
1
1
11
1 11
11
111111 1
1
1
1
1
1
1
1
1
1
1
1
</div>
</div>
</body>
</html>
本质上,此属性创建了带有硬件加速的系统级控件,使元素能快速滑动和回弹,同时也会消耗更多的内存。
最新文章
- 3D游戏中的画质与效率适配
- 关于svg格式图片颜色更改
- bzoj4403: 序列统计
- 【洛谷 p3374】模板-树状数组 1(数据结构)
- 罗辑思维CEO李天田:我们是这样玩儿公司的
- Javascript禁止网页复制粘贴效果,或者复制时自动添加来源信息
- 关于smali插桩
- Android中Drawable分类汇总(上)
- C#私房菜[二][提供编程效率的技巧]
- 电子科技大学实验中学PK赛(一)比赛题解
- Bigger-Mai 养成计划,Python基础巩固二
- 【学习总结】win7下安装Ubuntu双系统的日常
- 第28月第4天 __bridge_transfer
- 深入分析Zookeeper的实现原理
- 查看磁盘读写:iostat
- Bootstrap-Other:Less 教程
- 我们为什么要在 PHPStorm 中标记目录
- DP_括号匹配序列问题
- c# dataGridView排序
- LeetCode之数据流中第一个唯一的数字
热门文章
- Android WiFi开发教程(一)——WiFi热点的创建与关闭
- ASP.NET Web API路由规则(二) 【转】
- 获取安装后Apache、MySQL、Nginx、PHP编译时参数
- TensorFlow笔记五:将cifar10数据文件复原成图片格式
- 转: CSRF(Cross Site Request Forgery 跨站域请求伪造) 背景与介绍
- 使用eclipse搭建maven多module项目(构建父子项目)
- Vue 中computed 与 methods 区别
- 【Python数据分析】魔术命令(Magic Command)
- 重读金典------高质量C编程指南(林锐)-------第一章 文件结构
- Cloudera Manager 和 CDH 4 终极安装