ページをスクロールすると右下に出てくる「TOPへ戻るボタン」の作り方を、jQuery初心者にも分かるよう説明しています。
![初心者でも分かる!な、jQueryの「TOPへ戻るボタン」の作り方](https://cdn-ak-scissors.b.st-hatena.com/image/square/af2778ff8b76e79df77ab1d19fa493e34038051f/height=288;version=1;width=512/https%3A%2F%2Fsyncer.jp%2Fstorage%2Fjavascript%2Fjquery-to-top-button%2Fstatic%2Fdst%2Feyecatch_og.png)
ページをスクロールすると右下に出てくる「TOPへ戻るボタン」の作り方を、jQuery初心者にも分かるよう説明しています。
「Easing Effect」には3つのデモがあります。 「easeInOutBack」一旦逆にスクロールし、目的地をちょっとだけ通りすぎて戻って到着。 「easeOutBounce」目的地につくとバウンドで到着。 「easeOutElastic」はeaseInOutBackを素早くした感じです。 AnimateScrollの使い方 Step 1: 外部ファイル jquery.jsと当スクリプトをhead内に記述します。 <head> ... <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="animatescroll.js"> </head> Step 2: HTML(スクロール先の設定) スクロール先の要素にidやclassを付与します。 ※ペー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く