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

Stack Overflow用户

提问于 2019-12-07 17:22:31

回答 1查看 36关注 0票数 0

我使用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>

jquery

回答 1

Stack Overflow用户

发布于 2019-12-07 20:29:47

我检查了你的代码，但是.fadeIn('slow')和.fadeOut('slow')不能正常工作。

我像这样使用这个功能：

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


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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/59224590

复制

相似问题

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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