iOS 8 Safari - 页面缩放时无法滚动元素的内容

时间:2015-01-15 16:40:31

标签: ios8 scroll mobile-safari zooming

此问题仅在iOS 8中发生(确切地说是8.1)。它不会在iOS 7中重现。

用例:在具有可滚动(长)内容的元素内滚动。

如果页面未放大,则按预期工作。

当你放大页面时 - 它停止工作,页面滚动(好像你到达可滚动内容的末尾)。效果是连续的:缩放越高 - 滚动内容的可能性就越小。

测试页面:here

打开iOS 8 Safari中的链接 - 看看列表元素是否可滚动。

现在放大页面并尝试滚动列表内容 - 滚动页面而不是列表中的项目。 我已经放置了红色标记,因此很容易看到页面已滚动。

我尝试了不同的CSS规则甚至JS来阻止页面滚动(这仍然会使元素的内容滚动)。

有没有人遇到过此行为或有建议如何解决?我真的不想用JS实现内容滚动。

禁用页面上的缩放(使用元视口)不适合我。

0 个答案:

没有答案