Скрыть полосу прокрутки в 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>

Обратите внимание на разницу в 7 пикселей между родительским div и iframe, это эффективно отсекает часть iframe, так что полоса прокруткискрыт, но вы все еще можете прокручивать.

Answer 2

Вы можете добиться этого, поместив это в свой файл CSS: iframe { overflow:hidden; }