Html 在iframe中隐藏滚动条，同时仍滚动

有没有办法在iFrame中隐藏垂直滚动条，但仍然启用滚动

对我来说，HTML5中唯一隐藏滚动条的是设置scrolling=“no”，但这会锁定滚动条。我只想把它们藏起来

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

---

您可以通过将其放入css文件来实现这一点：

iframe{溢出：隐藏；}

scrolling="no"

及

将停止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的一部分，因此滚动条是隐藏的，但您仍然可以滚动。

有，但可能需要JavaScript来实现跨浏览器体验。这个问题有一些很好的信息：这似乎是唯一合理的解决方案，非常感谢！这不会移除滚动条（至少在Chrome中）

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