如何隐藏iframed页面中的滚动条

Question

我在HTML页面上有一个iframe，我想隐藏垂直“滚动”。

在我的CSS中，我输入了这个，但是我没有得到结果，滚动仍然可见。

iframe{
    overflow:hidden;
}

另外，我尝试使用“style = scrolling =”no“”但仍然没有成功。

Answer 1

scrolling="no"是一个属性，而不是CSS属性。它不需要包含在style：

中

＆＃13;

＆＃13;

<iframe
  src="https://example.com/"
  width="100" height="100"
  scrolling="no"
>
</iframe>

＆＃13;

＆＃13;

＆＃13;

Answer 2

您可以使用<iframe src="#" scrolling="no"></iframe>。 希望有所帮助！

Answer 3

如果iframe内容位于同一个域中 如果您准备使用JS隐藏iframe内容中的滚动，可以使用：

var elem = document.getElementById("if");
elem.contentDocument.body.style.overflow="hidden"

考虑＆＃34;如果＆＃34;作为你的iframe的ID。

或使用scrolling =＆＃34; no＆＃34;如另一个答案所述。

Answer 4

我通过添加位置来解决问题：在css中修复。