【Meta标签】实现wap网页去掉手机浏览器默认工具栏

去掉wap端手机浏览器头部搜索栏和底部工具栏的方法:






 









移动web前端开发,隐藏浏览器地址栏(全屏)解决方案
核心代码:window.scrollTo(0, 1);
要注意的几个点:这个方法要在内容加载完成后执行,换句话浏览器内容的高度要超过浏览器窗口高度(出现‘滚动条’)才有效。针对高度自适应的窗口(height:100%),得用特殊方式解决。

//强制让内容超过   
$('#main').css("height",window.innerHeight+100);   
window.scrollTo(0, 1);   
//重置成新高度   
$("#main").css("height",window.innerHeight);   
//非常重要,用于兼容不同机型,防止浏览器窗口移动   
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);

另外说明,最后一行,用于阻止浏览器默认动作的手指滑动滚动页面。

你可能感兴趣的:(【Meta标签】实现wap网页去掉手机浏览器默认工具栏)