在滚动容器内加-webkit-overflow-scrolling: touch
但这个方案有一个问题,在页面内具有多个overflow:auto
的情况下,那些具有 绝对定位(absolute, fixed) 属性的元素,也会跟着滚动。
body {overflow-x: hidden}
即,给 body 元素添加overflow-x:hidden。然后在滚动容器内加overflow-y: auto
main{
height:100%;
overflow-y:scroll;
-webkit-overflow-scrolling:touch;
}