Question

我发现一个关于堆栈溢出的帖子与我的问题类似，它只解决了我的问题的一半。我试图想象一下当你向上或向下滚动时如何隐藏某个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

反击slideUp()，你有slideDown()！

var $toTop = $('#test');
$(window).scroll(function () {
if ($(this).scrollTop() > 850) {
    $toTop.slideUp();
}

Answer 2

是否需要向下/向上滑动？如果没关系，试试这个：

$(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 */
}

jQuery：向上或向下滚动时隐藏div

2 个答案: