javascript - 自动隐藏地址栏问题

Question

我正在使用此脚本在 iPhone 上的 Safari 中隐藏我的地址栏：

window.addEventListener("load",function() {
setTimeout(function(){
window.scrollTo(0, 1);
}, 0);
});

问题是如果页面没有完全加载并且用户向下滚动，当它完成加载时它会再次弹回。我想让这更具防御性，所以当用户移动手机并自己清除地址栏时，它不会再这样做了。

这是我的尝试，但没有奏效：

window.addEventListener("load",function() {
setTimeout(function(){
  if(window > 1){

  }
  else
  {
window.scrollTo(0, 1);
}}, 0);
});

以防万一有人说我要执行 if(!window ... 并取出 else 但出于测试目的想保持这样的状态，请指出我写错的可能性。

有任何想法吗？

Answer 1

使用document.body.scrollTop而不是简单地使用window：

window.addEventListener("load",function() {
    setTimeout(function() {
        if (document.body.scrollTop > 1) {
            // Do your testing here...
        } else {
            window.scrollTo(0, 1);
        }
    }, 0);
});

---

完成测试后，您可以将其全部折叠成 1 行：

window.addEventListener("load",function() {
    setTimeout(function() {
        document.body.scrollTop || window.scrollTo(0, 1);
    }, 0);
});