Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Фиксация элемента внизу окна браузера (https://javascript.ru/forum/events/1624-fiksaciya-ehlementa-vnizu-okna-brauzera.html)

Макс 25.08.2008 12:38

Фиксация элемента внизу окна браузера
 
Моя задача зафиксировать элемент див внизу рабочей области браузера так, что б при прокрутке документа он оставался на месте.(P.S. поймите, это не в целях рекламы!!!). Вы наверное видели такой пример на сайте с реализацией интернет магазина, да и на сайтах где есть реклама. Вот меня и грызет то что я не знаю как это реализовать. Не могли бы вы подсказать как это воплотить в жизнь, ну или дать ссылку на пример может это уже рассматривали. Я попытался сделать, но у меня вышло как-то КОРЯВО.
<script type="text/javascript">
function getViewportHeight() {
    return ((document.compatMode || navigator.isIE) && !navigator.isOpera) ? (document.compatMode == 'CSS1Compat') ? document.documentElement.clientHeight : document.body.clientHeight : (document.parentWindow || document.defaultView).innerHeight;
}

function scroller() {
	document.getElementById("bottomLine").style.top = (getViewportHeight() - document.getElementById("bottomLine").offsetHeight) + document.documentElement.scrollTop + "px";
}
window.onscroll = scroller;
</script>

Элемент див с абсолютным позиционированием.

Заранее благодарен.

Kolyaj 25.08.2008 12:46

Для нормальных браузеров position: fixed, для ИЕ -- top: expression(тут код, зависящий от doctype, лучше погуглить).


Часовой пояс GMT +3, время: 17:53.