iOS 9` -webkit-overflow-scrolling:touch`和`overflow:scroll`打破了滚动功能

Question

我正在开发一个webapp,我在iFrame中有一个div,它有隐藏的,溢出的内容,我想要滚动.

在iOS 9上的Safar中,当我添加-webkit-overflow-scrolling:touch;到div时(已经必须overflow-y: scroll;给滚动感觉流畅,它会断开并且根本不滚动).

我知道这是一个已知的问题,但我没有找到与我的场景相关的解决方案:我有iFrames不仅仅传输数据,它们实际上包含用户的内容.方向无关紧要,内容总是需要滚动.

Answer 1

我只是碰到了这个问题一个的div中有动态内容overflow: auto和-webkit-overflow-scrolling: touch.

肮脏,丑陋的解决方法:当添加到dom时,强制内部内容大于滚动div.像这样的东西:

<div style="overflow: auto; -webkit-overflow-scrolling: touch;">
    <div style="min-height: 101%">
        dynamic content
    </div>
</div>

我的理论是Safari尝试(需要)在-webkit-overflow-scrolling: touch添加时进行一些重度优化,并且这些对某些类型的动态内容不起作用.