Javascript CSS3在JSFIDLE中调整高度

我这里有一个JSFIDLE，它工作正常，正如预期的那样：

然后我尝试调整高度，如下所示：

 #wrapper {width:320px;height:480px;background-color:#eee}
 #pageWrapper {width:320px;height:440px;overflow:hidden;position:relative}
 #pages {width:320px;height:1320px;background-color:#fed;position:absolute}
 #nav {width:320px;height:40px}
 div.pageDiv {width:320px;height:440px}
 #page2 {background-color:#666666}
 #page3 {background-color:#999999}
 #pagesNav {display:none}

它变得很有趣，看起来不像是工作结果的应有外观（但是，修正后的高度大小如上所述）

更新：

总尺寸320px宽x 480px高

导航（顶部）320px宽x 40px高

内容320px 440px高度

---

任何人都可以启发吗？

onclick处理程序

onclick=“movePage（250,2）；”

为HTML中的每个链接传递一个

y

值，该值也需要修改

<a href="javascript:void(0)" onclick="movePage(440,2);">Page 2</a>
<a href="javascript:void(0)" onclick="movePage(880,2);">Page 3</a>

---

您还需要更新

movePage

调用：

<div class="pageDiv" id="page1">
  <a href="javascript:void(0)" onclick="movePage(440,2);">Page 2</a>&nbsp;&nbsp;
  <a href="javascript:void(0)" onclick="movePage(880,2);">Page 3</a>
</div>

谢谢你，劳伦斯。我接受了你的回答。成功了。但是不能同时使用绿色的蜱虫。那很好，@shhac首先回答：）谢谢你，shhac。我接受了你的回答。它和劳伦斯一样有效。