ios - CSS 固定定位在 IOS 上导致在放大然后缩小后滚动不稳定(使用 fancybox)

Question

我正在使用 fancybox，似乎很多使用它的人都禁用了移动设备上的任何类型的缩放。问题是，当我打开一个花式框时，在花式框打开时完全放大，完全缩小，然后关闭花式框。当我滚动 body 时，根据滚动的方向，顶部或底部部分被切掉，然后在瞬间延迟后显示出来。

我发现从叠加层中移除位置固定样式可以解决问题。我在caniuse.com上也看到，fixed positioning只有6%的支持，包括iOS 7。

是否有任何解决方法可以解决 fancybox 的这个问题？谢谢。

编辑

我发现了另一个 SO 问题，可能有助于引用:CSS "position: fixed;" on iPad/iPhone?

Answer 1

在你的 div 上放:

overflow-y: scroll;
-webkit-overflow-scrolling: touch;