关于移动端上下滑动卡顿不流畅现象的解决方案
添加一个属性:
-webkit-overflow-scrolling: touch
-webkit-overflow-scrolling控制元素在移动设备上面是否有滚动回弹效果,它可以设置成auto和touch
IOS 端特属属性,手指离开屏幕会保持滚动一段距离,继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。
overflow: scroll; //该属性随着手指离开立即停止
-webkit-overflow-scrolling: touch; //该属性随着手指离开还会保持滚动
overflow-scrolling: touch;
1.嵌入的iframe页面无法滚动 在iframe外层包裹一个div,然后将其设置为可滚动
并且在禁止浏览器的默认行为,不然类似于微信滑动到底部的时候会和回弹的效果进行冲突
$('body').on('touchmove',function(e){ e.preventDefault();});
可以参考的博客:
https://blog.csdn.net/qq_43071910/article/details/83893324
https://blog.csdn.net/tinsine/article/details/79523060
这些没有细看,但应该也有很好的参考价值:
https://www.jianshu.com/p/1f4693d0ad2d
https://blog.csdn.net/qq_35458527/article/details/79543565
https://blog.csdn.net/zzm_justin/article/details/8476373
https://blog.csdn.net/u012265444/article/details/72272152
最新发布
-
手机QQ删除个性标签方法
2025-09-21 23:39:19 -
手摸了水银怎么办
2025-12-30 04:00:54 -
赵云征战一生,从未受过箭伤,为何弓箭射不中他?
2025-11-21 07:53:27 -
现在的小龙虾大概多少钱一斤
2025-09-10 20:04:10 -
为何手机一旦锁屏,音乐就停止播放
2025-12-16 09:05:25 -
如何向 Windows 10 桌面添加小部件? ➡️
2025-08-12 21:29:01 -
文本字符串在线排序工具
2025-06-05 09:50:43 -
娱乐新闻,是娱乐还是新闻——从娱乐新闻报道看媒介人的素养提升
2026-02-13 23:47:40 -
账号登录异常的原因
2025-09-08 08:05:08 -
一文吃透Android Context:从原理到实战
2025-06-30 17:34:05