一尘不染

如何隐藏iPhone上的地址栏?

css

如何隐藏iPhone上的地址栏?

到目前为止,我尝试了两种不同的方法:

  • 在页面加载时使用JavaScript向下滚动一个像素的技巧

  • 以及以下元标记:

    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /><meta name="apple-mobile-web-app-capable" content="yes" />
    

还有这个:

<meta names="apple-mobile-web-app-status-bar-style" content="black-translucent" />

我完全感到困惑。

PS:哦,我忘记了一件非常重要的事情:网页本身不会溢出浏览器窗口。这可能是1像素向下滚动技巧不起作用的原因。

我无法将其放大,因为设计的热门之处在于每个人都可以滚动,但是此页面可以折叠… :)


阅读 634

收藏
2020-05-16

共1个答案

一尘不染

我只是自己打这个。如果地址栏没有隐藏,则可能是因为页面滚动时间不够长。

当。。。的时候

window.scrollTo(0,1)

称为页面的长度 必须 大于窗口的长度,以便发生滚动事件。

仅当滚动甚至发生时,移动浏览器才会隐藏地址栏。

2020-05-16