在移动设备上隐藏URL栏(android chrome)

时间:2018-03-11 13:02:47

标签: javascript html css html5 semantic-ui

我在<head>

中有这个
<meta name="viewport" content="width=device-width, initial-scale=1.0">

</head>

之后
<script type="text/javascript">
  window.onLoad = function() {        
      window.scrollTo(0,1);
  }
</script>

我正在使用语义ui。网页栏仍然不会在页面加载时消失。当我向下滚动时,它甚至有时不会消失。为什么呢?

1 个答案:

答案 0 :(得分:0)

请尝试隐藏地址栏

window.addEventListener("load",function() {
    setTimeout(function(){
        // This hides the address bar:
        window.scrollTo(0, 1);
    }, 0);
});

但是我收到了iPhone 6和一些Nexus的问题。

这也可能是一个很好的方法https://github.com/scottjehl/Hide-Address-Bar/blob/master/hide-address-bar.js