35

css/html誰かがコード例を探しているのを手伝ってくれますか:

ページの 1 つの div セクションにそれぞれ指定された 3 つのボタン (上、中央、下) を持つ Web ページがあります。最初の div セクションがそのページの中央にあるとしましょうdiv id='middle'。

このボタン (中央) をクリックすると、ページはページの上部からdiv #middleセクションまで自動的にスクロールダウンします。

id='top'divおよび divを参照する他のボタンについても同じid='bottom'

よろしくお願いします！私は本当にインターネット上で解決策を見つけることができませんでした。

ボタンリストを固定位置に保持して、セクション間を移動している間も画面上に留まる方法はありますか?

4

5 に答える 5

46

これを試して：

<input type="button" onClick="document.getElementById('middle').scrollIntoView();" />
于 2013-05-02T23:47:54.103 に答える
41

本当に基本的なものには、これを使用します：

<a href="#middle">Go To Middle</a>

または、javascript で簡単なものについては、この jQuery プラグインScrollToを確認してください。スムーズにスクロールするのに非常に便利です。

于 2013-05-02T23:48:52.513 に答える