Question

我的JavaScript，用于在向下滚动页面时隐藏导航菜单按钮并在向上滚动时显示，这与CSS hack不能一起使用，以防止当菜单显示在图层上时后台滚动页面。（这是CSS方法演示页面：http://www.luxiyalu.com/playground/overlay/）

我确实喜欢JavaScript。我试图修改脚本-使用element.scrollWidth和element.offsetWidth关系使其工作以检测滚动，但无法钉住它。

<div class="overlay">
    <div class="overlay-content"></div>
</div>

<div class="background-content">
    lengthy content here
</div>

html, body {
    height: 100%;
}

.overlay{
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.8);

    .overlay-content {
        height: 100%;
        overflow: scroll;
    }
}

.background-content{
    height: 100%;
    overflow: auto;
}

    <script type="text/javascript">
    var prevScrollpos = window.pageYOffset;
    window.onscroll = function() {
        var currentScrollPos = window.pageYOffset;
        if (prevScrollpos > currentScrollPos) {
        document.getElementById("mobilemenu").style.top = "0";
        } else {
            document.getElementById("mobilemenu").style.top = "-70px";
                }
    prevScrollpos = currentScrollPos;
    }
    </script>-->

向下滚动时应隐藏菜单按钮，向上滚动时应重新出现，如上所示。

Answer 1

编辑：我以为我有，但是刷新缓存后，什么也没有，并且由于某种原因我无法删除帖子

css样式为高度时检测滚动及其方向：100％；和溢出：滚动；

1 个答案: