今回作成したページ 今回作成したページはこのようなページです。 demo download このような動きをしています。 ページをスクロールするとページトップへ戻るリンクがフェードイン・アウトする。 ページトップへ戻るリンクをクリックするとスムーズにスクロールする。 ページトップへ戻るリンクはコンテンツ部分の右下で固定表示される。 フッターのところまでスクロールするとページトップへ戻るリンクがフッターに貼り付く。 動作がややこしいですね…。私のようにjQueryが苦手な方のために1つずつ解説していきます。 1.jQuery本体を読み込む jQueryを使用するには以下のファイルを読み込みます。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
![【jQuery】フッターの位置で固定するページトップへ戻る](https://cdn-ak-scissors.b.st-hatena.com/image/square/2f1b9767382f009f7915b2809080ca6c412f4b87/height=288;version=1;width=512/https%3A%2F%2Fcreatorclip.info%2Fwp-content%2Fuploads%2F2014%2F01%2F1390663116550.jpg)