通常最简单的正确布局是创建包含双屏的HTML元素,比如这样:
body { margin: 0px; }
#topscreen { width: 400px; height: 220px; overflow: hidden; }
#bottomscreen { width: 320px; height: 212px; overflow: hidden; margin: 0 auto; }
上屏
下屏
使用这种方法很容易通过JavaScript操作页面。为了让窗口获得正确的位置,可以使用下面的JavaScript代码:
window.setInterval(function () {
window.scrollTo(40, 220);
}, 50);
这样如果用户不小心滚动了页面,页面能够自动复位。