javascript - iOS 7 移动版中 iframe 中的内容始终滚动到顶部

Question

我有一个 iframe 显示包裹在 div 中的内容，该 div 具有滚动设置，下面指定了 css

CSS在哪里 。页 { 高度:100%； 溢出:自动； -webkit-溢出滚动:触摸； position:relative； } iframe#FrameId{ 高度:100%； 宽度:100%； }

问题是在 javascript 上没有滚动处理并且依赖于浏览器来处理滚动。

如果我稍微滚动内容，滚动完成后，页面会跳回到页面的开头或顶部。此外，如果我单击 iframe 中的任何 div 或任何其他元素，它会滚动到顶部，基本上它不会记住滚动距离，并且始终保持滚动到顶部。

我尝试在浏览器上禁用 javascript，我仍然看到相同的行为。我怎样才能防止它滚动到顶部？这仅发生在 ios 7 移动设备上。这是 ios 7 上的已知问题吗？

有任何调试或解决此问题的指示吗？

Answer 1

很久以前有人问过这个问题，但我最近(10 分钟前)也遇到了这个问题。原因是

overflow: auto; -webkit-overflow-scrolling: touch;

阻止。当我将所有内容更改为

overflow-y: scroll;

根本没有 -webkit-overflow-scrolling，它工作得很好。