長いページに欠かせない「ページの先頭に戻るボタン」を作る方法

↑

ページの先頭に戻るボタンを作る

今回は jQuery を使用して長いページをスクロールした時に右下に表示されるページの先頭に戻るためのボタンを作ります。

※こちらがボタンのイメージです。

↑

＜ おもな仕様 ＞

• ボタンは初期状態で非表示にする
• ボタンは600pxスクロールされたらフェードインで表示する
• ボタンをクリックするとページの先頭に移動する
• ページの先頭に移動したらボタンをフェードアウトで非表示にする
• ボタンは画像ではなくHTMLとCSSで作成する
• ボタンの形は丸型で色はショッキングピンク

※この記事では、長いページによく利用されている「先頭に戻る」ボタンをjQueryを使って作る方法を有料でご紹介しています。（料金100円）

この続きはcodocで購入