2011年09月01日に投稿

[jQuery]スクロール位置を制御する

HTMLファイルの最上部に<a name=”top” id=”top”></a>などと置いて、<a href=”#top”>上に戻る</a>とやると画面の最上部にスクロールしてくれるリンクを置くことができます。この動作をjQueryで代替することができました。

下記のjQueryのコードを記述すると、idの「switch」が付けられた要素がクリックされるとページの最上部へスクロールするようになります。最上部にaタグを置かなくても良いのでメリットは大きいと思います。

scrollTopメソッドは引数が空だと現在のスクロール位置を返してくれますが、数値を引数に渡して実行するとその位置までスクロールしてくれるようになります。

関連記事

Leave a Reply