当我们在移动端，给div设置一个高度，使用overflow y:scroll实现 div内容滚动的时候，会发现滚动内容卡顿。。 此时使用 webkit overflow scrolling: touch 可以解决卡顿问题。。。。 但是会出现滚动到底部，页面无法触发滚动的问题。 lt DOCTYPE html gt lt html lang en gt lt head gt lt meta char ...
2015-04-28 15:09 0 2140 推荐指数：
在移动端上，在你用overflow-y:scorll属性的时候，你会发现滚动的效果很木，很慢，这时候可以使用-webkit-overflow-scrolling:touch这个属性，让滚动条产生滚动回弹的效果，就像ios原生的滚动条一样流畅。 2. 解决safari布局抖动 ...
需要注意的是：假如是纵向滚动：<div id="myscroller_rapper" style="overflow-y:auto;height:540px;-webkit-overflow-scrolling: touch;"></div>滚动框元素必须有 ...
兼容问题： 如果元素定位在加了-webkit-overflow-scrolling:touch的容器上方时，如果上下滚动容器内容，定位的元素会跟着容器内容一起往上或往下滚动 iScroll是什么 很多场景，如果使用body的滚动会很不方便，这时候，就会使用某个元素 ...
-webkit-overflow-scrolling 1.概述 1.1 定义 属性控制元素在移动设备上是否使用滚动回弹效果 1.2 取值 auto：使用普通的滚动效果。当手指从设备的触摸屏上离开时，滚动会立即停止 touch：使用具有回弹效果的滚动。当手指从设备的触摸屏上离开时 ...
目录 1. -webkit-overflow-scrolling:touch是什么？ 2. 解决safari布局抖动的例子 2.1 方案一 2.2 方案二 3. 探究-webkit-overflow-scrolling:touch ...
最近做双创项目的时候因为页面有很多数据显示，所以打算让它Y轴方向滚动条的形式展现，但在测试阶段发现IOS设备滑动效果非常不理想； search by google之后找到解决办法： -webkit-overflow-scrolling: touch; 网友解释该属性 ...
目录 1. -webkit-overflow-scrolling:touch是什么？ 2. 解决safari布局抖动的例子 2.1 方案一 2.2 方案 ...
参考来源：https://developer.mozilla.org/zh-CN/docs/Web/CSS/-webkit-overflow-scrolling https://www.w3cways.com/1988.html -webkit-overflow-scrolling ...
