如果我使用-webkit-overflow-scrolling滚动div,它会以原生动量完美滚动.但是,div本身有时会冻结并且不会响应我的手指动作.2-3秒后,它再次变为可滚动.
我不知道我是如何重现这个问题的.但是,正如我所看到的,有两种主要行为会造成这种情况.
首先,如果我等待一段时间,例如20秒,然后触摸div,它就不会响应.我等了几秒钟,它又恢复了工作.
其次,我快速触摸几次,然后,它变得冰冷,再过几秒钟后,它再次开始工作.
我怎样才能防止这种冻结？
如果您在最新版本的iOS上的iPad设备上访问此页面,则可以按照此步骤操作.
http://fiddle.jshell.net/will/8VJ58/10/show/light/
我有两个新的-webkit-overflow-scrolling元素:touch; 适用的财产和价值.左手灰色区域内容丰富,可以纵向或横向滚动.右边只会在横向滚动.
如果从横向开始(在横向上刷新),您可以使用惯性滚动滚动这两个区域.效果很好.现在将iPad翻转成纵向,只有左侧区域会滚动.这是预期的.但当你翻回景观时,右手区域将不再滚动,而左手区域仍然很好.
很明显如何阻止这种情况发生,但我并不总是有足够的内容来填补这个区域.
那么任何想法？
在此先感谢,
威尔:)
我正在开发一个webapp,我在iFrame中有一个div,它有隐藏的,溢出的内容,我想要滚动.
在iOS 9上的Safar中,当我添加-webkit-overflow-scrolling:touch;到div时(已经必须overflow-y: scroll;给滚动感觉流畅,它会断开并且根本不滚动).
我知道这是一个已知的问题,但我没有找到与我的场景相关的解决方案:我有iFrames不仅仅传输数据,它们实际上包含用户的内容.方向无关紧要,内容总是需要滚动.