向上滚动时javascript不显示div

向上滚动时javascript不显示div,javascript,jquery,Javascript,Jquery,有人能帮我调试我的jquery向上滚动隐藏div吗 这是我的javascript代码 jQuery(function() { // document ready var sideBarTop = $('#sticky').offset().top; // position top var sideBarLeft = $('#sticky').offset().left //position left jQuery(window).scroll(fu

有人能帮我调试我的jquery向上滚动隐藏div吗

这是我的javascript代码

jQuery(function() { // document ready
        var sideBarTop = $('#sticky').offset().top; // position top
        var sideBarLeft = $('#sticky').offset().left //position left
        jQuery(window).scroll(function(){ // scroll event
            var windowTop = $(window).scrollTop(); // returns scroll from top
            if(sideBarTop < windowTop) {
                $('#sticky').css({position: 'fixed', top: 210, left: sideBarLeft}).fadeIn();
            }
            else {
                $('#sticky').css('position', 'static').fadeOut("slow");
            }
        });

    });
jQuery(函数(){//文档就绪
var sideBarTop=$('#sticky').offset().top;//位置top
var sideBarLeft=$('#sticky').offset().left//position left
jQuery(窗口).scroll(函数(){//scroll事件
var windowTop=$(window).scrollTop();//从顶部返回滚动
if(侧栏顶部<窗口顶部){
$('#sticky').css({position:'fixed',top:210,left:sideBarLeft}).fadeIn();
}
否则{
$('sticky').css('position','static').fadeOut(“slow”);
}
});
});
这是我的html代码

<div id="sticky">
<ul id="nav">
    <li class="current"><a href="#avant">Avant</a></li>
    <li><a href="#allure">Allure</a></li>
        <li><a href="#eden">Eden</a></li>
</ul>
</div>

请有人帮帮我

已更新

包括以下行

    jQuery(function() { // document ready
    var sideBarTop = $('#sticky').offset().top; // position top
    var sideBarLeft = $('#sticky').offset().left //position left
    jQuery(window).scroll(function(){ // scroll event
        var windowTop = $(window).scrollTop(); // returns scroll from top

        if(sideBarTop < windowTop) {
            $('#sticky').css({position: 'fixed', top: -40}).fadeIn("slow");

        }
       else     $('#sticky').css('position', 'static').fadeOut("slow");  

         setTimeout ( function() { $('#sticky').fadeIn("slow");  },1000);
    });

});
jQuery(函数(){//文档就绪
var sideBarTop=$('#sticky').offset().top;//位置top
var sideBarLeft=$('#sticky').offset().left//position left
jQuery(窗口).scroll(函数(){//scroll事件
var windowTop=$(window).scrollTop();//从顶部返回滚动
if(侧栏顶部<窗口顶部){
$('sticky').css({位置:'fixed',top:-40}).fadeIn(“slow”);
}
else$('sticky').css('position','static').fadeOut(“slow”);
setTimeout(function(){$('#sticky').fadeIn(“slow”);},1000);
});
});

这是针对您现有代码的修补程序,不建议对您的问题进行修复

你们能和JSFIDLE分享代码吗?谢谢分享,你们能解释一下这个问题吗?由于淡出,在向上滚动时,div id粘滞不显示。你能帮我修一下吗?我怀疑你的整个方法都被误导了。您可以单独使用CSS获得一个“粘性”侧栏。您可能根本不需要使用jQuery。