webapp隐藏地址栏
类别:编程学习 浏览量:1387
时间:2015-6-14 webapp隐藏地址栏
webapp隐藏地址栏方法一、在页面加载完成之后滚动窗口,唯一要注意的是页面高度必须够高
<script type="text/javascript">
addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){
window.scrollTo(0,1);
}
</script>
方法二、页面高度自适应窗口时,webapp隐藏地址栏
$('li').css("height",window.innerHeight+100); //强制让内容超过
window.scrollTo(0, 1);
$("li").css("height",window.innerHeight); //重置成新高度
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false); //如果不想让页面滑动,可以加上这段代码
扩展:移动前端隐藏地址工具条
/*! Normalized address bar hiding for iOS & Android (c) @scottjehl MIT License */
(function(win){
var doc = win.document;
// If there's a hash, or addEventListener is undefined, stop here
if(!win.navigator.standalone && !location.hash && win.addEventListener){
//scroll to 1
win.scrollTo( 0, 1 );
var scrollTop = 1,
getScrollTop = function(){
return win.pageYOffset || doc.compatMode === "CSS1Compat" && doc.documentElement.scrollTop || doc.body.scrollTop || 0;
},
//reset to 0 on bodyready, if needed
bodycheck = setInterval(function(){
if(doc.body){
clearInterval(bodycheck);
scrollTop = getScrollTop();
win.scrollTo(0, scrollTop === 1 ? 0 : 1);
}
},15);
win.addEventListener("load", function(){
setTimeout(function(){
//at load, if user hasn't scrolled more than 20 or so...
if(getScrollTop() < 20){
//reset to hide addr bar at onload
win.scrollTo(0,scrollTop === 1 ? 0 : 1);
}
},0);
},false);
}
})(this);
标签:webapp
热门推荐
- sqlserver复制表结构及数据到新表(SQL SERVER 表与表之间 字段一对多sql语句写法)
- sqlserver表导入数据(在SQLserver数据库之间进行传表和传数据的图文教程)
- 面试怎么谈工资
- vue树形表格内容太长(VUE 无限层级树形数据结构显示的实现)
- CSS3 border-radius实现边框圆角
- mysql的连接代码(MySQL 连接查询的原理和应用)
- Sql Server中的Null值
- hbuilderx怎么创建web项目(HBuilder如何设置web服务器)
- mybatissql解析(mybatis动态sql常用场景总结)
- 阿里云服务器宕机了会怎样(阿里云服务器进入黑洞怎么办?黑洞解除方法)