在 Android 上横向模式下隐藏 URL 地址栏

使用 JavaScript，如何在横向模式下滚动经过 URL 栏。在纵向模式下，您只需执行 window.scrollTo(0,1) 即可，但在横向模式下则不起作用。它在 URL 栏上部分运行。

关于尝试什么有什么建议吗？

有两种方法可以做到这一点。取决于您显示的页面类型。

需要注意的一件事是移动浏览器需要有一些内容可以滚动。我所说的滚动内容是指页面中的内容需要高于窗口高度。如果没有，它根本不会向下滚动。

Option1
如果您知道页面内容超过窗口高度，请执行此操作。

    (function removeAddressBar(){
         // Make sure it really scrolls down.
         window.scrollTo(0, 10);

         // Set a timeout to check that it has scrolled down.
         setTimeout(function() { 
              if(window.scrollY == 0) { 
                   removeAddressBar();
              }else{
                   window.scrollTo(0, 1);
                   //launch();
              }
         }, 500);
    })(this)

  

Option2
如果您不知道您的内容是否超过窗口高度，请执行此操作。

<div id='scroller' style='position:absolute;height:2000px;'></div>

    (function removeAddressBar(){
         window.scrollTo(0, 10);
         setTimeout(function() { 
              if(window.scrollY == 0) {
                   removeAddressBar();
              }else{
                   window.scrollTo(0, 1);
                   document.getElementById('scroller').style.height = window.innerHeight+'px';
                   //launch();
              }
         }, 500);
    })(this)

  

对于这么简单的事情来说，这可能看起来很多。但我认为这是迄今为止最可靠的方法..我已经在 iOS 和 Android 两个方向上对此进行了测试。