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

Question

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

对我来说，在 HTML5 中唯一隐藏滚动条的是设置 scrolling="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 的一部分，因此滚动条被隐藏，但您仍然可以滚动。