zoukankan      html  css  js  c++  java
  • 手机自动隐藏浏览器地址栏

    如何才能实现将浏览器地址栏隐藏呢?百度一下,有很多资料,很简单,主要利用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';
    }
  • 相关阅读:
    DOM操作:
    定时器
    7.thinkphp框架控制器
    1.thinkphp框架介绍
    4.thinkphp框架url访问
    6.thinkphp框架路由
    2.thinkphpk框架基础
    5.thinkphp框架配置文件
    3.thinkphp框架入口文件
    8.thinkphp框架数据库
  • 原文地址:https://www.cnblogs.com/yunfeiqi/p/3419681.html
Copyright © 2011-2022 走看看