Скрыть горизонтальную полосу прокрутки на фрейме?

Question

Мне нужно скрыть горизонтальную полосу прокрутки в iframe, используя css, jquery или js.

Answer 1

Я бы предложил сделать это с комбинацией

1. CSS overflow-y: hidden;
2. scrolling="no" (для HTML4)
3. и seamless="seamless" (для HTML5) *

^{* Атрибут seamless удален от стандарта и без браузеров его поддерживают.}

---

.foo {
  width: 200px;
  height: 200px;
  overflow-y: hidden;
}

<iframe src="https://bing.com" 
        class="foo" 
        scrolling="no" >
</iframe>

Answer 2

установить scrolling="no" атрибут в вашем фрейме.

Answer 3

Если вам разрешено изменять код документа внутри вашего iframe, и этот контент виден только через родительское окно, просто добавьте следующий CSS в ваш iframe:

body {
    overflow:hidden;
}

Вот очень простой пример:

http://jsfiddle.net/u5gLoav9/

Это решение позволяет вам:

• Сохранить ваш HTML5 действительным, так как он не нужен scrolling="no" атрибут iframe (этот атрибут в HTML5 устарел).

• Работает в большинстве браузеров, использующих CSS переполнение: скрыто

• Нет необходимости в JS или jQuery.

Примечания:

Чтобы запретить полосы прокрутки по горизонтали, используйте этот CSS вместо:

overflow-x: hidden;

Answer 4

Этот ответ применим только для сайтов, которые используют Bootstrap.Функция адаптивного встраивания Bootstrap заботится о полосах прокрутки.

<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="http://www.youtube.com/embed/WsFWhL4Y84Y"></iframe>
</div> 

jsfiddle: http://jsfiddle.net/00qggsjj/2/

http://getbootstrap.com/components/#responsive-embed