Показать сообщение отдельно
  #1 (permalink)  
Старый 19.03.2010, 16:23
Аспирант
Отправить личное сообщение для Viper Посмотреть профиль Найти все сообщения от Viper
 
Регистрация: 27.09.2008
Сообщений: 88

"Плавающая" навигация и скрытый элемент
Есть задача. Нужно сделать "плавающий" элемент (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 пиксел вниз...
или я где-то грабли забыл?
Ответить с цитированием