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
您可能感兴趣
热门推荐
- css3伸缩布局及图解(利用CSS3实现自定义滚动条代码分享)
- python编写pygame游戏怎么打包(python使用pygame模块实现坦克大战游戏)
- tomcat部署web项目常见问题(关于tomcat部署应用无法访问前端页面的问题)
- php目录函数创建教程(PHP下载文件函数与用法示例)
- nginx http转https配置(Nginx配置并兼容HTTP实现代码解析)
- JS闭包的用法
- 测试用例写哪些方面
- python 文本文件读取方法(Python逐行读取文件中内容的简单方法)
- python弹球游戏编写过程(python实现坦克大战游戏 附详细注释)
- vue加element ui弹窗(Vue中ElementUI分页组件Pagination的使用方法)