javascript向上滾動時未顯示div

Question

有人可以幫我調試我的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");
            }
        });

    });

這是我的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>

請有人幫我

的jsfiddle

Answer 1

更新了這里 。

包括以下行。

    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);
    });

});

這是您現有代碼的補丁程序，不是針對您的問題的建議修復程序。