2016-07-28 88 views
0

我的网站在用于滚动内部元素的主体中有一个包装,问题(我认为)是移动Safari浏览器无法识别滚动,所以url栏是不调整大小。这是否有其他选择?移动Safari浏览器中的网页url栏不“缩小”

.wrapper { 
    position: absolute; 
    top: 0; 
    right: 0; 
    left: 0; 
    bottom: 0; 
    overflow: scroll; 
} 

使用此设置,移动Safari浏览器不像您通常在其他网站上滚动时那样“缩小”网址栏。

+0

当前和想要的结果的截图请。 –

回答

0

对于移动加这个元标记<meta name="apple-mobile-web-app-capable" content="yes" />

或试试这个:

window.addEventListener("load", function() { 
     // Set a timeout... 
     setTimeout(function() { 
      // Hide the address bar! 
      window.scrollTo(0, 0); 
     }, 0); 
    }); 
+0

这并没有工作 – ThinkingInBits

+0

怪异的....我做了一个编辑,你可以试试这个 –

+0

作为参考(和信用):https://davidwalsh.name/hide-address-bar –

0

我被移除的位置的解决方案是:绝对在包装DIV,并替换它:

.wrapper { 
    position: relative; 
    width: 100%; 
    height: 100%; 
} 
相关问题