html - 如何防止Safari滚动溢出:hidden iframe?

使用 Safari，您可以通过设置 style="overflow: hide;"来禁用大多数 iframe 滚动在 iframe 上。但是，如果您单击 iframe 并移动鼠标，内容无论如何都会滚动。

示例:

<html>
  <body>
    <iframe style="width: 100%; height:100px; overflow: hidden;" scrolling="no" src="scrollcontent.html">
    </iframe>
  </body>
</html>

scrollcontent.html:

<html scroll="no" style="overflow:hidden;">
  <body scroll="no" style="overflow:hidden;">
    <div style="background-color: green; height:100px;">A</div>
    <div style="background-color: red; height:100px;">B</div>
  </body>
</html>

在此示例中，iframe 应仅显示绿色区域，并且不可能显示红色区域。这基本上是正确的:没有滚动条，鼠标滚轮没有任何作用，箭头键也没有。

但是，单击并拖动仍然会 ScrollView 。这在选择文本时尤其明显。

有人知道阻止 Safari 这样做的技巧吗？

最佳答案

您可以添加执行 window.scrollTo(0, 0); 的 window.onscroll 方法。虽然不太漂亮，但应该可以用。

关于html - 如何防止Safari滚动溢出:hidden iframe?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2467386/