代码之家 › 专栏 › 技术社区 › Alexander Ljungberg

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

scroll safari iframe css html

2

Alexander Ljungberg · 技术社区 · 16 年前

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

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

滚动内容.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应该只显示绿色区域,而不可能显示红色区域。这基本上是正确的:没有滚动条,鼠标滚轮什么都不做,箭头键也不做。

有人知道阻止Safari这么做的诀窍吗?

2 回复 | 直到 16 年前

1

2

Wolph 16 年前

你可以加一个 window.onscroll window.scrollTo(0, 0);

2

Francesco 16 年前

在最坏的情况下,我会尝试用jquery load()加载内容 <div style"overflow:hidden">your content...</div>