Как избавиться от двойной полосы прокрутки при использовании iframe?
Я видел эту проблему в сети, и все предложенные решения не работают на меня, таким образом, я думал, что приехал сюда.
У меня есть страница, которая имеет iframe. Верхняя часть страницы является выпадающим меню, остальная часть страницы является iframe. Идея как я уверен, что все другие делают, должен иметь меню, остаются стационарными, и выбор пункта меню запускает приложение в iframe. Содержание iframe должно прокрутить, но страница в целом не должна.
Я попытался поместить iframe width=height=100% в единственном элементе таблицы также с width=height=100% но я получаю две полосы прокрутки, если я делаю окно слишком коротким вертикально.
Какие-либо предложения?
Я думаю, что не объяснился хорошо. Я хочу сохранить полосу прокрутки в iframe как автоматическую, но я никогда не хочу полосу прокрутки для целой страницы. Мне нужен iframe к размеру соответственно, таким образом, он всегда поднимает точно остаток страницы, таким образом, браузер не должен делать полосу прокрутки, потому что iframe никогда не должен расширяться от нижней части области просмотра.
2 ответа
ОБНОВЛЕНО:
ДЕМО: http://jsbin.com/ewomi3/3/edit
HTML
<table border=0 cellspacing=0 cellpadding=0 id="hold_my_iframe">
<iframe src="http://www.w3schools.com/css/tryit.asp?filename=trycss_overflow" width=100% height=100% marginwidth=0 marginheight=0 frameborder=0></iframe>
</table>
CSS
* { margin:0 padding:0 }
body { margin:0; padding:0; text-align:center }
#hold_my_iframe { padding:0px; margin:0 auto; width:100%; height:100% }
ПРИМЕЧАНИЕ:
Наконец-то понял чего хотите! Используйте тег table вместо тега div в качестве контейнера! Смотрите демо и наслаждайтесь!
скрыть переполнение css для любого кадра, с которого вы хотите убрать полосы прокрутки ...
overflow:hidden