javascript - 如何在滚动到底部时隐藏 div 并在向上滚动到顶部时再次显示？

Question

我希望当您到达页面底部时隐藏我的滚动条。我编写了这段代码并且运行良好:

<script>
document.onscroll = function() {
        if (window.innerHeight + window.scrollY > document.body.clientHeight) {
            document.getElementById("scroller").style.display='hide';
        }


    }
</script>

但是现在，当您返回顶部时，滚动条也会隐藏。

当用户滚动回顶部时，我想再次显示#scroller。

Answer 1

只需添加一个显示它的 else case:

if (window.innerHeight + window.scrollY > document.body.clientHeight) {
     document.getElementById("scroller").style.display='none';
}
else{
     document.getElementById("scroller").style.display='block';
}