在移动浏览器中隐藏工具栏

Question

我正在响应式网站上工作，并且试图隐藏移动浏览器的地址栏和工具栏。 在这张照片上，您可以看到我要隐藏的区域（红色标记）

因此，当我在手机上滚动时，这会自动消失。

我想做的是一旦文档准备好自动滚动。像这样：

$('html, body').animate({
        scrollTop: $("#id").offset().top
    }, 2000);

该元素实际上位于网站的底部，但仍不隐藏Web浏览器的工具栏。

有什么办法藏起来吗？

编辑：我要弄清楚这不在我的网站上，我试图隐藏几乎所有浏览器的页脚，我知道这是不可能的，因为在客户端，但我想做一个“技巧”来隐藏它。我知道当我使用移动设备时，我会打开safari，然后导航至一个页脚以打开一个新标签页或将其关闭等。但是当我在网站上向下滚动时，此标签消失了，所以这就是我正在尝试的操作去做。创建自动向下滚动以使其消失...但是实际上并没有运行

Answer 1

我认为解决此问题的唯一方法是使用here中所述的全屏API。

例如：

// Covering all browsers that support this
var docEl = document.documentElement;
var requestFullScreen = docEl.requestFullscreen || docEl.mozRequestFullScreen || docEl.webkitRequestFullScreen || docEl.msRequestFullscreen;
var cancelFullScreen = doc.exitFullscreen || doc.mozCancelFullScreen || doc.webkitExitFullscreen || doc.msExitFullscreen;

// Execute the variable on initalization
requestFullScreen.call(docEl);

Answer 2

使用Jquery添加CSS并显示为空

if(condition that you want){
$(.'your-menu').css({'display':'none'});
}