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