0

私はここにこの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/

アップデート：

全体のサイズ幅320pxx高さ480px

ナビゲーション（上）幅320pxx高さ40px

コンテンツ320pxx440pxの高さ

誰でも啓発できますか？

4

2 に答える 2

1

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>
于 2012-10-12T15:39:46.847 に答える
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>
于 2012-10-12T15:41:42.877 に答える