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/

更新：

外形尺寸320像素寬x 480像素高

NAV（上）320像素寬x 40像素高度

內容320px的X 440px高度

誰能指教？

Answer 1

對於HTML中的每個鏈接，onclick處理程序onclick="movePage(250,2);"都會傳遞一個需要修改的值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> 

Answer 2

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