H5页面在 ios 端滑动不流畅的问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了H5页面在 ios 端滑动不流畅的问题相关的知识,希望对你有一定的参考价值。

ios系统的惯性滑动效果非常6,但是当我们对div加overflow-y:auto;后是不会出这个效果的,滑动的时候会感觉很生涩。怎么办?

方案一:

在滚动容器内加-webkit-overflow-scrolling: touch

但这个方案有一个问题,在页面内具有多个overflow:auto的情况下,那些具有 绝对定位(absolute, fixed) 属性的元素,也会跟着滚动。

方案二:

body {overflow-x: hidden}

即,给 body 元素添加overflow-x:hidden。然后在滚动容器内加overflow-y: auto

 

以上是关于H5页面在 ios 端滑动不流畅的问题的主要内容,如果未能解决你的问题,请参考以下文章

解决:h5进入页面拉起键盘ios不生效问题

在电脑上调试苹果ios上的h5页面

H5移动端禁止页面左右滑动

移动端开发必会出现的问题和解决方案

uniapp屏幕上滑不动

针对于iosAPP内嵌H5,-webit-overflow-scrolling:touch;产生空白情况