【问题标题】: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/

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-07-10
      • 2013-08-21
      • 1970-01-01
      • 2015-04-10
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-12-30
      相关资源
      最近更新 更多