javascript - 向上滚动时如何重置 scrollTop() div 定位？

Question

我有一个固定的导航，我正在更改 155 像素滚动高度处的 Logo 大小并更改 li 的位置。一切正常，但当我向上滚动时它不会重置。我需要为此做一个大于功能吗？欢迎任何建议，谢谢:)

这是jquery:

$(document).scroll(function(){
            if ($(this).scrollTop()>155){
                $('.logo-nav').stop().animate({ height: 70 },20);
            } else {
                $(".menu li").addClass("nav-scroll");
                $('.logo-nav').stop().animate({ height: 145 },20);
            }
        }); 

这是CSS:

li {
    display: inline-block;
    margin: 0;
    position: relative;
    top: 45px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.nav-scroll {
    top: auto;
}

Answer 1

使用 $(window) 而不是 $(document):

$(window).scroll(function() {
    if ($(this).scrollTop() > 155){
        $('.logo-nav').stop().animate({ height: 70 },20);
    } else {
        $(".menu li").addClass("nav-scroll");
        $('.logo-nav').stop().animate({ height: 145 },20);
    }
});

并确保将其包含在 $(document).ready() 函数中。