Javascript 隐藏移动浏览器上的工具栏

Javascript 隐藏移动浏览器上的工具栏,javascript,jquery,css,browser,responsive,Javascript,Jquery,Css,Browser,Responsive,我正在开发我的响应式网站,并试图隐藏移动浏览器的地址栏和工具栏。 在这张图片上,你可以看到我试图隐藏红色标记的区域 所以,正如我在手机上滚动时看到的,这会自动消失 我要做的是一旦文档准备好自动滚动。大概是这样的: $('html, body').animate({ scrollTop: $("#id").offset().top }, 2000); 此元素实际上位于网站的底部,但仍然不会隐藏web浏览器的工具栏 有没有办法把它藏起来 编辑:我必须澄清这不在我的网站上,我

我正在开发我的响应式网站,并试图隐藏移动浏览器的地址栏和工具栏。 在这张图片上,你可以看到我试图隐藏红色标记的区域

所以,正如我在手机上滚动时看到的,这会自动消失

我要做的是一旦文档准备好自动滚动。大概是这样的:

$('html, body').animate({
        scrollTop: $("#id").offset().top
    }, 2000);
此元素实际上位于网站的底部,但仍然不会隐藏web浏览器的工具栏

有没有办法把它藏起来


编辑:我必须澄清这不在我的网站上,我试图隐藏几乎所有浏览器的页脚,我知道这是不可能的,因为它在客户端,但我试图做一个技巧来隐藏它。我知道当我使用手机时,我会打开safari,然后导航,有一个页脚可以打开或关闭一个新标签等等。。。但当我在一个网站上向下滚动时,这个会消失,所以这就是我要做的。创建一个自动向下滚动以使其消失。。。但这实际上并没有运行

使用Jquery添加CSS并将其显示为无

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

我认为解决这个问题的唯一方法是使用所描述的全屏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);

只是想澄清一下:这个元素不是你自己网站的一部分,而是webbrowser用户界面的一部分,对吗?@Mathyn True这不是我网站的一部分,是关于网络浏览器的,但是当我在手机上交互时,我向下滚动,这个页脚就消失了,所以我试图自动地做同样的事情来隐藏footer@Mathyn邮递edited@KaSkuLL我认为您无法告诉浏览器如何使用javascript。或者任何我猜的语言,除非你是该浏览器的开发人员。我不知道这是否可行,但即使可行,我也建议不要这样做。它打破了用户期望其web浏览器工作的方式,导致了一种混乱且可能令人沮丧的体验。相反,想一个方法来设计你的网站,让这个酒吧不再是一个问题。