【H5开发】解决overflow: auto在Ios系统中滑动不流畅的问题

【bug】—— H5页面在 ios 端滑动不流畅的问题

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

方案一:

            在滚动容器内加样式:

            -webkit-overflow-scrolling: touch

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

方案二:

            body {overflow-x: hidden}

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。