Необходимо сохранить div, содержащий iFrame в нижней части браузера - PullRequest
Новая
       14

Необходимо сохранить div, содержащий iFrame в нижней части браузера

0 голосов
/ 14 января 2011

У меня есть div, который содержит iFrame, и я хочу убедиться, что он всегда остается в нижней части окна браузера. Мне нужно, чтобы он оставался фиксированным там, когда страница прокручивается (или хотя бы обновляет свою позицию). Я пробовал 

position: fixed; bottom: 0px; left: 0px

но безрезультатно. Я могу сделать это легко, если я хочу, чтобы div в верхней части экрана, я просто обновляю div в значении document.body.scrollTop. Любая помощь будет принята с благодарностью.

Ответы [ 2 ]

0 голосов
/ 14 января 2011

Не забудьте установить тип документа, тогда он должен работать нормально ... Следующий пример работает в ie7 / ie8 / firefox / chrome (он не будет работать для ie6) и, возможно, в других браузерах: 

<!DOCTYPE html>
<html>
<head>
<style>
#stay-at-bottom { position: fixed; bottom: 0; left: 100px; width: 500px; height: 200px; overflow: hidden; background: #f00;}
#stay-at-bottom iframe { width: 500px; height: 200px; position: relative; }
</style>
</head>
<body>
<div id="stay-at-bottom"><iframe src="http://google.com"></iframe></div>
</body>
</html>
0 голосов
/ 14 января 2011

Захват события window.onresize. В этом обработчике событий вычислите x, y позицию div на основе позиции прокрутки и окна. Установите верхний и левый атрибуты div для вычисленных вами координат x, y. Вы также захотите расположить div с помощью события window.onload, чтобы убедиться, что оно начинается в правильном положении.

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

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

...