155
edits
Changes
Jump to navigation
Jump to search
Line 108:
Line 108: − + − Generally the easiest way to accomplish the correct layout is to create HTML elements that "contain" the top and bottom screens. Here's an example:+ Line 123:
Line 123: − + − + − This scheme allows the page to be easily manipulated through JavaScript. In order to have the window snap to the correct position, use the following JavaScript code:+ Line 134:
Line 134: − This automatically resets the position if the user accidentally scrolls the page.+
→Using Both Screens
你可以在两个屏幕中查看一个页面。操作时，下屏是可以操作的，而上屏随之滚动。这样在CSS计算样式时，在220px而不是432px的范围内，元素从下往上定位。
你可以在两个屏幕中查看一个页面。操作时，下屏是可以操作的，而上屏随之滚动。这样在CSS计算样式时，在220px而不是432px的范围内，元素从下往上定位。
== Using Both Screens ==
== 使用双屏 ==
通常最简单的正确布局是创建包含双屏的HTML元素，比如这样：
<!DOCTYPE html>
<!DOCTYPE html>
</head>
</head>
<body>
<body>
<div id="topscreen">Top Screen</div>
<div id="topscreen">上屏</div>
<div id="bottomscreen">Bottom Screen</div>
<div id="bottomscreen">下屏</div>
</body>
</body>
</html>
</html>
使用这种方法很容易通过JavaScript操作页面。为了让窗口获得正确的位置，可以使用下面的JavaScript代码：
window.setInterval(function () {
window.setInterval(function () {
}, 50);
}, 50);
这样如果用户不小心滚动了页面，页面能够自动复位。
==Example Sites==
==Example Sites==