在iOS中放大时,滚动溢出的div会滚动整个页面

时间:2017-05-12 21:59:51

标签: ios css scroll safari zoom

在Safari中使用iPhone iOS10,我可以滚动页面并以100%变焦精确溢出元素。

当我放大时,我无法再滚动溢出的元素。而是滚动页面。

看来这个问题在我进一步放大的过程中更频繁地发生。如果我只是缩放一点,那么它的发生频率就会降低。

我正在使用-webkit-overflow-scrolling:touch;删除该属性将导致不希望的滚动跳跃。

我尝试将元素的高度调整为100vh vs auto vs window.innerHeight,调整z-index,将其设置为position:absolute;

什么都没有用!同样,这只发生在缩放上。滚动在100%时工作正常。

我已经看过这个问题的先前线索但到目前为止还没有解决方案:

iOS 8 Safari - Can't scroll element's content when page is zoomed

Is there a workaround for bug in Mobile Safari: Pinch to Zoom results in random scrolling blockage?

Issue scrolling div with Safari on iPhone 6+, iPad 3 when zoomed in

0 个答案:

没有答案