在弹框里面使用-webkit-overflow-scrolling: touch滚动不流畅

Question

在ios端 弹框里面使用-webkit-overflow-scrolling: touch 会一会滑不动 一会可以滑动，是什么原因

Answer 1

我也遇到很久了， 一是这个属性在产生定位的元素上偶尔会有卡顿的bug，二是点击其他区域，再在滚动区域滑动，这两种都会造成暂时无法滚动的bug。解决方案是放弃产生定位的布局（fixed、absolute、relative）,如果布局不能满足的情况下使用插件iscroll等。

除此之外，这个属性有很多bug，包括且不限于以下几种：

1. 滚动中 scrollTop 属性不会变化
2. 手势可穿过其他元素触发元素滚动
3. 滚动时暂停其他 transition

这些是由ios的UIWebView引起的，你在iphone上使用chrome浏览器而非safari，就不会出现此种问题