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