滚动功能无效

Question

我需要帮助我的东西不起作用我不知道为什么。它是一个滚动功能，如果窗口不在文档顶部，则向下移动导航栏20 px。一旦窗口滚动到顶部，它应该向后移动20px。

<script type="text/javascript">
    $(window).scroll(function(){
        if( $(window).scrollTop() == $(document).height()- $(window).height() ){
            $('#nav_space').animate({top:'20px'},200);
        }
       else {
                $('#nav_space').animate({top:'-3px'},200);
        }
    });
</script>

<div id="nav_space">
    <div id="nav_symbol">

    </div>
    <div id="nav_name">
    <h3>Ascension</h3>
    <span style="position: absolute; left: 19px; top: 39px;">Entertainment</span>
    </div>

Answer 1

您可以使用scrollTop()进行简化。将您的javascript更改为：

$(window).scroll(function(){
        if( $(window).scrollTop() > 0){  
            $('#nav_space').animate({top:'20px'},200);
        }
       else {
                $('#nav_space').animate({top:'-3px'},200);
        }
    });