Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/477.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 检测滚动及其';css样式为高度时的s方向:100%;和溢出:滚动;_Javascript_Css - Fatal编程技术网

Javascript 检测滚动及其';css样式为高度时的s方向:100%;和溢出:滚动;

Javascript 检测滚动及其';css样式为高度时的s方向:100%;和溢出:滚动;,javascript,css,Javascript,Css,我的JavaScript用于在向下滚动页面时隐藏导航菜单按钮,在向上滚动页面时显示,但它不能与css hack一起工作,以防止在层上显示菜单时在后台滚动页面。(这里是css方法演示页面:) 我的确很喜欢JavaScript。我试图修改脚本-使用element.scrollWidth和element.offsetWidth关系来检测滚动,但无法确定它 这里有冗长的内容 html,正文{ 身高:100%; } .覆盖{ 位置:固定; 顶部:0px; 左:0px; 右:0px; 底部:0px; 背

我的JavaScript用于在向下滚动页面时隐藏导航菜单按钮,在向上滚动页面时显示,但它不能与css hack一起工作,以防止在层上显示菜单时在后台滚动页面。(这里是css方法演示页面:)

我的确很喜欢JavaScript。我试图修改脚本-使用element.scrollWidth和element.offsetWidth关系来检测滚动,但无法确定它


这里有冗长的内容
html,正文{
身高:100%;
}
.覆盖{
位置:固定;
顶部:0px;
左:0px;
右:0px;
底部:0px;
背景色:rgba(0,0,0,0.8);
.覆盖内容{
身高:100%;
溢出:滚动;
}
}
.背景内容{
身高:100%;
溢出:自动;
}

var prevScrollpos=window.pageYOffset;
window.onscroll=函数(){
var currentScrollPos=window.pageYOffset;
如果(prevScrollpos>currentScrollPos){
document.getElementById(“mobilemenu”).style.top=“0”;
}否则{
document.getElementById(“mobilemenu”).style.top=“-70px”;
}
prevScrollpos=当前ScrollPos;
}
-->

向下滚动时,菜单按钮应隐藏,向上滚动时,菜单按钮应重新出现,而页面的样式如上所示。

编辑:我以为我有它,但刷新缓存后,什么也没有,我无法删除帖子,因为某些原因。

编辑:我以为我有它,但刷新缓存后,什么也没有,我不能出于某种原因删除这篇文章,请看这里,看看它是否有答案。它讨论了几种获取滚动方向的方法,但是,我不确定检测高度:
100%
——我已经尝试了我能想到的一切,但没有任何效果。。。这真让我难受。我想确定我明白你想做什么。据我所知,你有一个菜单按钮,当有人在页面上向下滚动时,你希望它消失而不是从视图中滚动出去?我在想办法。看看这里,看看有没有答案。它讨论了几种获取滚动方向的方法,但是,我不确定检测高度:
100%
——我已经尝试了我能想到的一切,但没有任何效果。。。这真让我难受。我想确定我明白你想做什么。据我所知,你有一个菜单按钮,当有人在页面上向下滚动时,你希望它消失而不是从视图中滚动出去?我在想办法。
    <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>-->