jquery - onscroll 显示隐藏 div

Question

我在滚动时显示隐藏 div 时遇到问题，实际上我使用了一个代码，它正在滚动顶部并显示我的 div，但是现在当我向上滚动时，div 现在应该隐藏，我该怎么办？

有没有代码.scrolldown

这是我使用的代码并且工作正常

$(document).scroll(function () {
    var y = $(this).scrollTop();
    if (y > 800) {
        $('.scroll-navigation').show();
    } else {
        $('.top-navigation').hide();
    }

});

现在我只想在向上滚动时隐藏这个 div ('.scroll-navigation')。

Answer 1

在您的代码中，当您需要显示和隐藏时，使用 y 来确定，scrollTop(); 足以完成您的工作，没有方法或函数名称为 scrolldown()；但你可以做到依赖于 y

现在怎么办 ..

console.log(y) .. 当你滚动并登录你的控制台时在浏览器调试中执行这个事件你会看到 0 100 200 300 ..ets

现在设置这些值的条件依赖性 ..ify == 100 show else y == 500 hide ..

祝你好运