Заполнить окно с iFrame и не показывать полосы прокрутки? - PullRequest
Новая
       11

Заполнить окно с iFrame и не показывать полосы прокрутки?

9 голосов
/ 02 февраля 2010

Как сделать так, чтобы мой iframe заполнял окно и не отображал полосы прокрутки?

Это работает для IE6, я хотел бы, чтобы это работало для всех браузеров, если это возможно: 

<iframe name=iframe1 src="theSiteToShow.html"  width="100%" height="100%" frameborder="0" marginheight="10" marginwidth="10"></iframe>
<script type="text/javascript">
function resizeIframe() {
    var height = document.documentElement.clientHeight;
    height -= document.getElementById('frame').offsetTop;

    // not sure how to get this dynamically
    height -= 20; /* whatever you set your body bottom margin/padding to be */

    document.getElementById('frame').style.height = height +"px";

};
document.getElementById('frame').onload = resizeIframe;
window.onresize = resizeIframe;
</script>

Ответы [ 2 ]

21 голосов
/ 02 февраля 2010

Вы должны быть в состоянии сделать это, используя только CSS, без необходимости использования JavaScript. В IE6 +, Google Chrome и Safari у меня работает следующее: 

<style type="text/css">
body {
   margin: 0;
   overflow: hidden;
}
#iframe1 {
    position:absolute;
    left: 0px;
    width: 100%;
    top: 0px;
    height: 100%;
}
</style>

<iframe id="iframe1" name="iframe1" frameborder="0"  
     src="theSiteToShow.html"></iframe>

Ваши поля должны быть установлены в теле theSiteToShow.html.

UPDATE
После вашего комментария я использовал следующее в качестве тестовой страницы: 

<html> 
<head>
<style type="text/css">
body {
   margin: 0;
   overflow: hidden;
}
#iframe1 {
    position:absolute;
    left: 0px;
    width: 100%;
    top: 0px;
    height: 100%;
}
</style>
</head> 
<body> 
<iframe id="iframe1" src="http://stackoverflow.com" frameborder="0"></iframe>
</body> 
</html>

Протестировано в IE6 +, Chrome, Safari и Firefox, работает отлично и заполняет все окно.

0 голосов
/ 15 июля 2013

У меня были те же проблемы с полосами прокрутки, а также с отсутствием контекстного меню, хотя все эти элементы были отключены. После нескольких дней попыток решить их, я наткнулся на этот пост, который немного помог, но привел меня к поиску поста о гибких веб-игроках с тремя примерами кода. Вот ссылки:

http://virtualplayground.d2.pl/?p=367#comment-224

Скачать пакет

Используйте индексный файл, если вы хотите работать с чистым листом, замените существующий код в экспортированном файле .html (из экспорта Unity), замените ссылку «unityObject.embedUnity» собственной ссылкой на ваш файл .html. находится на вашем сервере.

Чтобы встроить плеер на свою страницу с помощью iframe, добавьте:

Блокировка и загрузка.

Надеюсь, это поможет.

^ _ ^

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...