手机自动隐藏浏览器地址栏

如何才能实现将浏览器地址栏隐藏呢?百度一下,有很多资料,很简单,主要利用window.scrollTo()方法,将当前页面在屏幕上向上滚动,造成地址栏超出视野范围,如下:

<script>
	window.onload=function(){
		setTimeout(function() {
			window.scrollTo(0, 1)
		}, 0);
	};
</script>

但若你做一个简单页面,比如只有一句话,加上如上脚本,你会悲摧的发现,地址栏就是不自动隐藏;难道window.scrollTo()方法在这个浏览器不生效?

但是若你网页内容比较多,超过屏幕高度时,却会自动隐藏地址栏;

如何解决在内容较少时,同样隐藏地址栏呢?需在滚动之前程序动态设置一下body的高度,增加如下代码:

if(document.documentElement.scrollHeight <= document.documentElement.clientHeight) {
	bodyTag = document.getElementsByTagName('body')[0];
	bodyTag.style.height = document.documentElement.clientWidth / screen.width * screen.height + 'px';
}
原文地址:https://www.cnblogs.com/yunfeiqi/p/3419681.html