核心代码: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);
另外说明,最后一行,用于阻止浏览器默认动作的手指滑动滚动页面。