Safari浏览器首页中的向上滚动时,导航栏消失

时间:2018-08-28 11:01:24

标签: scroll safari navbar

因此,我只设计了一个一页的网站,其中包含约5个部分。我添加了“在向下滚动时消失” JS,它可以在除野生动物园之外的所有浏览器上正常运行。 Safari的问题是,如果我从上一页向上滚动,导航栏会正常弹出,但是当我到达顶部时,导航栏就会消失。我发现的是,当您到达文档的顶部时,Safari具有自动向下滚动触发器,这就是隐藏导航栏的原因。有人可以帮我吗?

这是我用来隐藏/取消隐藏导航栏的代码:

     var prevScrollpos = window.pageYOffset;
        window.onscroll = function() {
        var currentScrollPos = window.pageYOffset;
        if (prevScrollpos > currentScrollPos) {
        document.getElementById("navbar").style.top = "0px";
        } else {
        document.getElementById("navbar").style.top = "-400px"; //-150px
        }
        prevScrollpos = currentScrollPos;
        }

0 个答案:

没有答案