jQuery:向上或向下滚动时隐藏一个div

Question

我在 stack overflow 上找到了一篇与我的问题类似的帖子，它只解决了我问题的一半。我想弄清楚当您向上或向下滚动时如何隐藏某个 div。这是我到目前为止得到的结果，这段代码只在我向上滚动时隐藏 div，但我如何让它双向工作(向上或向下滚动)？

var $toTop = $('#test');
$(window).scroll(function () {
    if ($(this).scrollTop() > 850) {
        $toTop.SlideUp(); /* had to make a typo " $toTop.SlideUp();" to get it to work when scrolling up */
    } else if ($toTop.is(':visible')) {
        $toTop.slideUp();
    }
});

Answer 1

它必须向下/向上滑动吗？如果没关系，试试这个:

$(window).scroll(function() {
    if ($(this).scrollTop() > 850) {
        ('#yourdiv').addClass('hide');
    } else {
        ('#yourdiv').removeClass('hide');
    }
})

并将其添加到您的 CSS 中:

.hide {
    display:none;
    transition: .3s /* if you want it to fade out */
}