Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   "Плавающая" навигация и скрытый элемент (https://javascript.ru/forum/events/8317-plavayushhaya-navigaciya-i-skrytyjj-ehlement.html)

Viper 19.03.2010 16:23

"Плавающая" навигация и скрытый элемент
 
Есть задача. Нужно сделать "плавающий" элемент (div) который бы показывался только тогда, когда достигает верхней границы окна браузера при прокрутке...

наваял такой код

$(window).scroll(function(){
	var win_pos = $(window).scrollTop();
	var elem_pos = $("#nav_top").scrollTop();
	if (win_pos > elem_pos) {
		$("#nav_top").show();
		$("#nav_top").addClass("nav_top_vis");
	} else {
		$("#nav_top").hide();
		$("#nav_top").removeClass("nav_top_vis");
	}
});

и
<div class="navigation" id="nav_top" align="center" style="display: none;">
	блаблабла
</div>


но проверка почему-то не работает т.к. ожидается. т.е. слой отображается сразу же после прокрутки страницы хотя бы на 1 пиксел вниз...
или я где-то грабли забыл?


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