2013-05-07 5 views
1

С незапамятных времен, если вы пишете:Как получить IE 10, чтобы показать скроллбары на IFRAME

<iframe scrolling="yes"></iframe> 

Затем, независимо от содержания фрейма полосы прокрутки отображаются. Если, как и я, вы часто используете iframes для отображения табличных данных - с заголовком таблицы вне iframe, важно знать, что полосы прокрутки всегда будут отображаться, поэтому вы можете разрешать ширину полосы прокрутки при создании заголовков таблиц выстроить колонтитулы в данных.

Итак, что вам нужно сделать, чтобы IE 10 отображал полосы прокрутки на iframe с прокруткой = «да»? Если содержимое не превышает размер iframe - IE 10 не показывает полосы прокрутки!

Вот скрипка. Example of scrollbars not showing Просмотрите его в Firefox и показе полос прокрутки. Просмотрите его в IE 9 и покажите полосы прокрутки. Просмотрите его в IE 10, и они этого не делают.

+0

Нет, не здесь. http://img15.imageshack.us/img15/179/cc6b727651b44c0da3ec93f.png –

+0

Что это за рисунок ниже скрипки? Как вы это понимаете? –

+0

Это [панель инструментов разработчика IE] (http://www.microsoft.com/en-in/download/details.aspx?id=18359). Вы можете переключить его с помощью клавиши F12. –

ответ

-2

Обратите внимание, что в браузерах WebKit также не отображаются полосы прокрутки.

Если вы установите переполнение: прокрутите; к корневому (HTML) элементу документа, который будет использоваться в iframe, он покажет полосы прокрутки, как ожидалось.

html { overflow: scroll; } 

Here is a screenshot of it in action

+0

'overflow: auto;' также работает. –

+0

Не работает для меня. Я добавил его в скрипту по адресу http://jsfiddle.net/qLu9V/2/, и он добавляет полосы прокрутки в область, содержащую iframe, но не к самому iframe. –

+0

Вы добавили его в родительский HTML-файл. Вы хотите добавить его в html-документ, на который ссылается iframe. Вы не можете добавить это с помощью скрипта JS, поскольку вы использовали png, к которому вы не можете добавить стили CSS. Я добавил скриншот ответа. –

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