Question

我希望在用户滚动并到达页面底部时隐藏div元素，并在用户向上滚动时再次显示它。例如，请考虑以下导航栏，其名称为＆＃34; nav＆＃34;。

HTML

<div class="nav"></div>

CSS

.nav{
 width:100%;
 height:50px;
 position:fixed;
 }

当滚动到达网页底部时，我想要隐藏nav div元素。我怎样才能做到这一点。我可以使用CSS，还是应该使用JavaScipt。

Answer 1

<强> HTML

<div id="nav"></div>

<强> JS

document.onscroll = function() {
        if (window.innerHeight + window.scrollY > document.body.clientHeight) {
            document.getElementById('nav').style.display='none';
        }
    }

小提琴：https://jsfiddle.net/k77fdzyu/1/

当用户到达页面底部时隐藏div

1 个答案: