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

Используя этот кодУдалить полосы прокрутки из 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 вертикальной прокрутки?

спасибо.

источник

2012-04-10 Faith In Unseen Things

дубликат с http://stackoverflow.com/questions/4856746/hide-horizontal-scrollbar-on-an-iframe, который имеет лучший ответ –

в вашем CSS:

iframe{ 
    overflow:hidden; 
}

источник

2012-04-10 02:01:12 takien

Спасибо, но только горизонтальная прокрутка и показывается в Firefox. Не отображается в Chrome и IE. Кроме того, CSS для полосы прокрутки применяется эффективно только в IE, а не в FF и Chrome (последний показывает по умолчанию бежевый цвет/оттенки). –

не работает: http://jsfiddle.net/greggman/98ttg9vz/ – gman

Это не будет работать, потому что переполнение происходит в документе iframe, который вы, как правило, не сможете изменить из-за междоменной защиты iframe ограничения. – 10basetom

<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 и он не будет отображаться полоса прокрутки в любом браузере.

источник

2013-09-25 06:17:23 KnightFury

Неверный атрибут 'бесшовный' HTML5, не поддерживаемый большинством браузеров (http://caniuse.com/#search=seamless), и большинство других стилей не нужно. – Pere

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

iframe{ 
    overflow-x:hidden; 
}

источник

2013-09-25 06:26:03 Abhidev

172

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

источник

2014-01-20 02:04:10 THRIVE

в состоянии сделать это с помощью css? – Evorlor

Да, но в Chrome нельзя использовать scrollIntoView. См. Https://code.google.com/p/chromium/issues/detail?id=137214 –

ну, это скрывает полосу прокрутки контента и предотвращает прокрутку содержимого. это не мешает появлению полосы прокрутки iframe. –

Добавить это в CSS, чтобы скрыть ОБА полосы прокрутки

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

источник

2014-09-09 05:09:09

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

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

источник

2016-02-24 05:09:49 Thyagu

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

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

источник

2016-06-06 16:23:51

Исключительный атрибут был [удален из HTML] (https://github.com/whatwg/html/issues/331). – neopickaze

Вы должны использовать css вместо бесшовного атрибута. –

Добавление свитка = «нет», и стиль = «переполнение: скрытый» на IFRAME не работал, мне пришлось добавить стиль = «переполнение: скрытый» на теле HTML документа, загруженного в IFrame.

источник

2016-07-17 19:19:58 nirvana74v

Отличная помощь !!!!! –

Если это помогает, в Firefox есть проблема, если у вас есть элемент CSS 'transform: scale (0.7)' или такой, это создаст полосы прокрутки (которые будут отображаться в вашем iFrame), если вы не закрепите ее с помощью ' overflow: hidden; 'на предка (может быть div вместо тела). – WraithKenny

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

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

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

источник

2017-10-18 21:00:04 WraithKenny

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

ответ

Смежные вопросы