在滚动 iframe 时隐藏滚动条，但仍然允许滚动。

Question

有没有一种方法可以隐藏iFrame中的垂直滚动条，但仍然启用滚动？在HTML5中，唯一隐藏滚动条的方法是设置scrolling ="no"，但这会锁定滚动。我想要做的就是隐藏它们。

 <iframe width="100%" scrolling="no" src=""></iframe>

- Filip5991

---

有，但可能需要使用JavaScript来实现跨浏览器的体验。这个问题有一些很好的信息：https://dev59.com/j2Qn5IYBdhLWcg3wpYj0 - Cody MacPixelface

Answer 1

scrolling="no"

并且

display:none

停止iFrame的滚动。唯一的解决方案是通过重叠来“隐藏”滚动条。

<div style="width: 400px; overflow: hidden">
  <iframe src="https://fr.wikipedia.org/wiki/Main_Page" width="407"height="480">
</div>

请注意父`div`和`iframe`之间的7像素差异，这实际上截断了`iframe`的一部分，因此滚动条被隐藏，但您仍然可以进行滚动。

- msbarnard

---

这似乎是唯一合理的解决方案，非常感谢！ - Filip5991

Answer 2

试试这个，它会起作用的

<div style='width: 500px; height: 120px; overflow: hidden;'>

    <iframe style='width: 518px; height: 120px;' src=''></iframe>

</div>

- Chetali Polekar

Answer 3

您可以通过将以下代码添加到您的CSS文件中来实现此目标: iframe { overflow:hidden; }

- David

---

这并不会移除滚动条（至少在Chrome中）。 - Filip5991