Jquery 滚动上的FadeIn元素

当你从页面顶部向下滚动时，我试图让导航栏消失，但当用户向上滚动时，导航栏就会出现。现在，当您到达页面顶部时，代码段原样在导航栏中淡出，但我希望它在用户向上滚动时随时淡出。

（函数（$）{
$（文档）.ready（函数（）{
$（函数（）{
$（窗口）。滚动（函数（）{
如果（$（this）.scrollTop（）>100）{
$（'.navbar'）.fadeOut（）；
}否则{
$（'.navbar'）.fadeIn（）；
}
});
});
});
}（jQuery））

正文{
/*仅供演示之用*/
高度：2000px；
填充顶部：100px；
}

切换导航






















提交

















向下滚动以激活菜单栏

您必须跟踪上一个滚动位置，然后确定滚动是向上还是向下

像这样的东西应该有用

jQuery(function ($) {
    var t = 0;

    $(window).scroll(function () {
        if ($(this).scrollTop() > 100 && t < $(this).scrollTop() ) {
            $('.navbar').fadeOut();
        } else {
            $('.navbar').fadeIn();
        }

        t = $(this).scrollTop();
    });
});

jQuery（函数（$）{
var t=0；
$（窗口）。滚动（函数（）{
if（$（this.scrollTop（）>100&&t<$（this.scrollTop（））{
$（'.navbar'）.fadeOut（）；
}否则{
$（'.navbar'）.fadeIn（）；
}
t=$（this.scrollTop（）；
});
});

请注意，您只需要一个DOM就绪函数，而不是三个，在本例中，您实际上不需要任何函数，因为窗口总是可用的

---

答案应该会有帮助。这就成功了！谢谢阿迪内奥。