Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.03.2010, 15: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 пиксел вниз...
или я где-то грабли забыл?
Ответить с цитированием
Ответ


Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Скрытый текст, развернуть медленно softrix Элементы интерфейса 1 19.11.2009 15:57
Как добавить элемент в обьект json Юрий Игоревич Общие вопросы Javascript 2 26.10.2009 14:01
Кодировка при использовании Ajax Nichloas AJAX и COMET 9 17.09.2009 15:06
Добавить активный элемент Wirty jQuery 5 09.08.2009 15:06
имея this как удалить элемент из тела html clgs Общие вопросы Javascript 1 13.05.2009 16:55