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

时间:2013-12-07 02:48:28

标签: ios scroll fancybox mobile-safari css-position

我正在使用fancybox,似乎很多使用它的人都禁止在移动设备上进行缩放。问题是,当我打开fancybox时,在打开花式框时完全放大,完全缩小,然后关闭fancybox。当我滚动身体时,根据滚动的方向,有一个滞后,顶部或底部被切断,然后在瞬间延迟后显示。

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

是否有任何可以使用fancybox解决此问题的变通办法?感谢。

修改

我发现了另外这个问题,可能有助于参考:CSS "position: fixed;" on iPad/iPhone?

1 个答案:

答案 0 :(得分:1)

在你的div上:

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