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

Question

如何使用 JavaScript 在横向模式下滚动 URL 栏。在纵向模式下，您只需执行 window.scrollTo(0,1) 即可，但在横向模式下则不行。它在 URL 栏上进行了一半。

有什么尝试的建议吗？

Answer 1

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

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

选项 1
如果您知道您的页面内容大于窗口高度，请执行此操作。

    (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)

选项 2
如果您不知道您的内容是否大于窗口高度，请尝试此操作。

<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 上的两个方向上测试了这个。