iphone webapp 隐藏地址栏(全屏)解决方案

最新推荐文章于 2025-06-13 15:40:23 发布

转载最新推荐文章于 2025-06-13 15:40:23 发布 · 9.4k 阅读

文章标签：

#iphone #web app

div+css 专栏收录该内容

89 篇文章

订阅专栏

本文介绍了一种确保网页内容高度自适应的方法，该方法通过JavaScript调整元素高度，并阻止页面滚动来实现高度100%自适应的效果。适用于高度设置为100%的窗口。

要注意的几个点：这个方法要在内容加载完成后执行，换句话浏览器内容的高度要超过浏览器窗口高度（出现‘滚动条’）才有效。

针对这个高度自适应的窗口（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);

另外，最后一行，用于阻止手动滚动页面

转载地址：http://www.jslover.com/code/357.html