javascript - CSS3在jsfiddle中调整高度

Question

我在这里有这个 jsfiddle，它按预期工作正常：http: //jsfiddle.net/fdjQs/1/

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

 #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}

它很有趣，看起来不像工作结果应该是什么样的（但是，上面有一个更正的高度大小）http://jsfiddle.net/fdjQs/1/

更新：

整体尺寸 320px 宽 x 480px 高

导航（顶部）320 像素宽 x 40 像素高

内容 320px x 440px 高度

任何人都可以开导吗？

Answer 1

您还需要更新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>

Answer 2

onclick="movePage(250,2);"HTML 中每个链接的 onclick 处理程序也传递了一个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>