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

Question

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

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

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

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 的一部分，以便隐藏滚动条，但您仍然可以滚动。

Answer 2

试试这个，它会起作用

<div style='width: 500px; height: 120px; overflow: hidden;'>
<iframe style='width: 518px; height: 120px;' src=''></iframe>
</div>

Answer 3

您可以通过将其放入 css 文件中来实现这一点：iframe { overflow:hidden; }