Скрыть горизонтальную полосу прокрутки на iframe?

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

+108
31 янв. '11 в 22:12
источник поделиться
4 ответа

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

* Атрибут seamless имеет из стандарта и никакие браузеры не поддерживают его.


.foo {
  width: 200px;
  height: 200px;
  overflow-y: hidden;
}
<iframe src="https://bing.com" 
        class="foo" 
        scrolling="no" >
</iframe>
+204
31 янв. '11 в 22:27
источник

установить атрибут scrolling="no" в ваш iframe.

+26
10 мая '13 в 8:10
источник
другие ответы

Связанные вопросы


Похожие вопросы

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

body {
    overflow:hidden;
}

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

http://jsfiddle.net/u5gLoav9/

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

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

  • Работает на большинстве браузеров с использованием CSS overflow: hidden

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

Примечания:

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

overflow-x: hidden;
+14
23 апр. '15 в 12:59
источник

Этот ответ применим только для сайтов, которые используют 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

+2
12 февр. '15 в 7:02
источник

Посмотрите другие вопросы по меткам или Задайте вопрос