隐藏100％高度的iPhone地址栏
关于此的很多帖子，但不完全符合我的情况。我的页面具有灵活的尺寸设置为100％宽度和100％高度，因此典型的有载滚动功能不起作用。任何想法或其他解决方案？
谢谢！
CSS：
* {
margin:0;
padding:0;
}
html, body {
width:100%;
height:100%;
min-width:960px;
overflow:hidden;
}
/mobile/i.test(navigator.userAgent) && !pageYOffset && !location.hash && setTimeout(function () {
window.scrollTo(0, 1);
}, 1000);
没有找到相关结果
已邀请:
2 个回复
皇小福另届
var page = document.getElementById('page'), ua = navigator.userAgent, iphone = ~ua.indexOf('iPhone') || ~ua.indexOf('iPod'); var setupScroll = window.onload = function() { // Start out by adding the height of the location bar to the width, so that // we can scroll past it if (ios) { // iOS reliably returns the innerWindow size for documentElement.clientHeight // but window.innerHeight is sometimes the wrong value after rotating // the orientation var height = document.documentElement.clientHeight; // Only add extra padding to the height on iphone / ipod, since the ipad // browser doesn't scroll off the location bar. if (iphone && !fullscreen) height += 60; page.style.height = height + 'px'; } // Scroll after a timeout, since iOS will scroll to the top of the page // after it fires the onload event setTimeout(scrollTo, 0, 0, 1); };卧沫
var CSS = document.documentElement.style; /mobile/i.test(navigator.userAgent) && !pageYOffset && !location.hash && setTimeout(function () { CSS.height = '200%'; CSS.overflow = 'visible'; window.scrollTo(0, 1); CSS.height = window.innerHeight + 'px'; CSS.overflow = 'hidden'; }, 1000);