因此,我只设计了一个一页的网站,其中包含约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;
}