如何使用 javascript 或 css 在手机中隐藏地址栏答案

【问题标题】：how hide address bar in mobile using javascript or css如何使用 javascript 或 css 在手机中隐藏地址栏
【发布时间】：2022-01-21 16:37:09
【问题描述】：

我们想知道如何隐藏移动浏览器的地址栏。我们很少看到有关此问题的主题，我们对其进行了测试并且无法正常工作。请检查您的代码是否隐藏地址栏并帮助我知道我们应该怎么做

we want to hide mobile browser address bar (URL bar) with using javascript or css.

感谢大家的帮助

【问题讨论】：

请在代码 sn-p 中提供所有相关代码。
我没有任何代码，我不知道我应该如何隐藏地址栏我需要帮助才能知道它

标签： javascript jquery css

【解决方案1】：

上面的扩展解决方案。这应该涵盖您的所有基础。下次请先分享你自己的尝试：

// Extended solution for hiding address bar:

(function() {
    
  var browser = window,
      doc = browser.document;

  // If there's a hash, or addEventListener is undefined, stop here
  if ( !location.hash || !browser.addEventListener ) {

    //set to 1
    window.scrollTo( 0, 1 );
    var scrollTop = 1,

    //reset to 0 if needed
    checkWindowBody = setInterval(function(){
      if( doc.body ){
        clearInterval( checkWindowBody );
        scrollTop = "scrollTop" in doc.body ? doc.body.scrollTop : 1;
        browser.scrollTo( 0, scrollTop === 1 ? 0 : 1 );
      } 
    }, 15 );

    if (browser.addEventListener) {
      browser.addEventListener("load", function(){
        setTimeout(function(){
          //reset to hide address
          browser.scrollTo( 0, scrollTop === 1 ? 0 : 1 );
        }, 0);
      }, false );
    }
  }

})();

【讨论】：

【解决方案2】：

你之前尝试过什么代码？

这是在移动设备中隐藏地址栏的一种非常标准的方式。

// New event listener:
window.addEventListener("load",function() {
    setTimeout(function(){
        // Hide the address bar:
        window.scrollTo(0, 1);
    }, 0);
});

JSFiddle 演示：https://jsfiddle.net/bjcra2vx/

【讨论】：