Остановка блока при прокрутке страницы вверх
Есть, например, код:
<div class="header" style="height: 100px;"></div> <div id="fix"></div> Как сделать, чтоб блок "fix" при прокручивании страницы вверх оставался вверку окна браузера? Другими словами. Если координата "top" элемента <div id="fix"> становится "0", - присвоить ему стиль position: fixed; (или класс). |
Цитата:
Или Вот => http://javascript.ru/forum/misc/2892...ollinge-2.html пост 11 |
Я плохо знаю синтаксис (вернее не знаю). Но здается мне, тут надо плясать от координат окна браузера. Вот откопал скрипт, который их определяет:
function getElementPosition(elemId)
{
var elem = document.getElementById(elemId);
var w = elem.offsetWidth;
var h = elem.offsetHeight;
var l = 0;
var t = 0;
while (elem)
{
l += elem.offsetLeft;
t += elem.offsetTop;
elem = elem.offsetParent;
}
return {"left":l, "top":t, "width": w, "height":h};
}
вот и сделать условие if(){}, где при условии, что "top" == 0, элементу "div" назначается class. Но как его написать, - не знаю. |
Lutsk,
Ждите bes - он в нативном js посильнее и занимался данной задачей http://javascript.ru/tutorial/dom/at...s-dom-svoystva http://javascript.ru/tutorial/dom/intro#classname |
| Часовой пояс GMT +3, время: 22:07. |