【JavaScript】「ページの上に戻る」いろいろ

Tweet

Category JavaScript 2014/01/16

問題

よくある「ページの上に戻る」のボタンで普通に上に戻るだけではおもしろくない。

何か変わった「ページの上に戻る」をください。

答え

デモが見やすいように、わざとページを長くしておきます。

DEMO 「ページの上に戻る」いろいろ – デモ

基本は scrollTop を0に向かって変化させていけばよい。

jQueryのanimateでできる。

既存のeasing関数や自作の関数を使ってscrollTopの値を変化させると、いろんな動きができる。

同時にbodyやhtmlのmarginも変化させると上下左右に動きを追加できる。