码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2017-09-23 12:18:34      阅读:764      评论:0      收藏:0      [点我收藏+]

标签:code   也会   ios系统   多个   动效   div   logs   abs   scroll   

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 端滑动不流畅的问题

标签:code   也会   ios系统   多个   动效   div   logs   abs   scroll   

原文地址:http://www.cnblogs.com/lijia168/p/7580450.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!