Удалить полосу прокрутки из iframe

Используя этот код

<iframe frameborder="0" style="height: 185px; overflow:scroll; width: 100%" src="http://www.cbox.ws/box/?boxid=439&boxtag=7868&sec=main" marginheight="1" marginwidth="1" name="cboxmain" id="cboxmain" seamless="seamless" scrolling="no" frameborder="0" allowtransparency="true"></iframe>

Вот как это выглядит (чат на главной странице http://www.talkjesus.com)

Как удалить горизонтальную полосу прокрутки и изменить CSS вертикальной полосы прокрутки?

Ответ 1

в вашем css:

iframe{
    overflow:hidden;
}

Ответ 2

Добавить атрибут scrolling="no" в iframe.

Ответ 3

Это работает во всех браузерах. jsfiddle здесь http://jsfiddle.net/zvhysct7/1/

<iframe src="http://buythecity.com"  scrolling="no" style=" width: 550px; height: 500px;  overflow: hidden;" ></iframe>

Ответ 4

Добавление scroll="no" и style="overflow:hidden" в iframe не сработало, мне пришлось добавить style="overflow:hidden" в тело html-документа, загруженного в iframe.

Ответ 5

Просто добавьте атрибуты scrolling="no" и seamless="seamless" в тег iframe. вот так: -

 1. XHTML => scrolling="no"
 2. HTML5 => seamless="seamless"

Ответ 6

<div id="myInfoDiv" seamless="seamless" scrolling="no" style="width:100%; height: 100%; float: left; color: #FFF; background:#ed8719; line-height:100%; font-size:100%; font-family: sans-serif>;

Используйте приведенный выше div и он не будет показывать полосу прокрутки в любом браузере.

Ответ 7

Добавьте это в свой CSS, чтобы скрыть как полосу прокрутки

iframe 
{
  overflow-x:hidden;
  overflow-Y:hidden;
}

Ответ 8

Если у кого-то возникает проблема с отключением полос прокрутки на iframe, это может быть связано с тем, что в содержимом iframe есть полосы прокрутки на элементах ниже элемента html!

Некоторые макеты устанавливают html и body на 100% высоту и используют div #wrapper с overflow: auto; (или scroll), тем самым перемещая прокрутку в элемент #wrapper.

В таком случае вы ничего не сделаете, чтобы запретить показ полос прокрутки, кроме редактирования содержимого другой страницы.

Ответ 9

Попробуйте добавить атрибут scrolling="no" как показано ниже:

<iframe frameborder="0" scrolling="no" style="height:380px;width:6000px;border:none;" src='https://yoururl'></iframe>

Ответ 10

Добавьте это в свой CSS, чтобы скрыть только горизонтальную полосу прокрутки

iframe{
    overflow-x:hidden;
}

Ответ 11

Это последнее средство, но стоит упомянуть - вы можете использовать ::-webkit-scrollbar родительского элемента iframe чтобы избавиться от этих знаменитых 90 полос прокрутки.

::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

Изменить: хотя это относительно поддерживается, ::-webkit-scrollbar может не подходить для всех браузеров. используйте с осторожностью :)

Ответ 12

CSS:

 body{
    overflow:hidden;
}

Ответ 13

iframe {
  display: block;
  border: none;         /* Reset default border */
  height: 100vh;        /* Viewport-relative units */
  width: calc(100% + 17px);
}
div {
  overflow-x: hidden;
}

Таким образом вы увеличиваете ширину фрейма, чем это должно быть. Затем вы скрываете горизонтальную полосу прокрутки с помощью overflow-x: hidden.