h5中如何处理移动端滑动卡顿的问题 - 行业资讯 - 肥雀云

　　介绍

这篇文章给大家分享的是有关h5中如何处理移动端滑动卡顿的问题的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。

解决方法如下:

1, ios端的-webkit-overflow-scrolling属性可控制页面滚动效果,设置如下实现惯性滚动和弹性效果:

身体{ 　　-webkit-overflow-scrolling:触摸; 　　流式卷动:触摸; 　　overflow-y:滚动; 　　}

2,由于盒子设置了高度100%引起的:

html,身体{ 　　高度:100%; 　　}

将上述代码删除即可。

& lt; div类=癿ui-scroll-wrapper"比; 　　& lt; div类=癿ui-scroll"祝辞　　& lt; !——这里放置真实显示的DOM内容——比; 　　& lt;/div> 　　& lt;/div> 　　& lt; script> 　　梅(& # 39;.mui-scroll-wrapper& # 39;) .scroll ({ 　　scrollY:真的,//是否竖向滚动　　scrollX:假的,//是否横向滚动　　startX: 0,//初始化时滚动至x 　　startY: 0,//初始化时滚动至y 　　指标:真的,//是否显示滚动条　　0.0006减速://阻尼系数,系数越小滑动越灵敏　　反弹:真//是否启用回弹　　}); 　　& lt;/script>

根据你的实际情况配置里滚动面的值。

注意:反弹:真正这个必须为真实的,如果改为假后,整个页面就无法滑动了

感谢各位的阅读!关于h5中如何处理移动端滑动卡顿的问题就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!