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