向下滚动时隐藏，向上滚动时显示

Question

我正在使用jquery在向下滚动时隐藏div，并在向上滚动时显示它。前半部分的工作原理是向下滚动时隐藏，向上滚动时不隐藏。我认为问题出在（scrollPosition），因为向上滚动位置无关紧要。我只需要它就可以使div向上滚动。

如果您不介意查看我的代码来帮助我替换scrollPosition，我将非常感激。

谢谢。

<script type="text/javascript">
jQuery(document).ready(function ($) {
$(window).on('scroll', function() {
scrollPosition = $(this).scrollTop();
if (scrollPosition >= 250) {
$('#kad-header-menu').fadeOut('slow');
}
if (scrollPosition < 250) {
$('#kad-header-menu').fadeIn('slow');
}
});
});
</script>

Answer 1

我检查了您的代码，但是 .fadeIn（'slow'）和 .fadeOut（'slow'）无法正常工作。

我像这样使用此功能：

window.onscroll = function () { scrollFunction(); };


 function scrollFunction() {
        if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20)
            $("#backToTop").show();
        else
            $("#backToTop").hide();
    }