ページ内リンクをスムーズスクロールで滑らかに移動させる方法(jQuery)
ページ内のリンクをクリックした際に目的箇所まで滑らかに移動するスムーズスクロールを簡単に適用する方法について紹介します！ スムーズスクロールを適用すると↓のリンクのように目的地まで滑らかにスクロール移動することができます。 スムーズスクロールを適用する事で遷移時の見てくれも良くなりますし、スクロールして移動するので移動先の場所が分かり易くなるという利点があります。 jQuery行の追加 スムーズスクロールを適用したいページの＜head＞＜/head＞内に以下の行を追加してください。 <script ...
ページのスクロールに合わせて付いてくるサイドバーを実装する方法
色々なホームページでよく見かける、"ページのスクロールに合わせて付いてくるサイドバー" を実装する方法について紹介します！(Ggoogle Chrome, IE11動作確認) 具体的にどんな感じになるかについては、PC表示にしてこのページのサイドバーに注目しながらページを下の方に スクロールしてみてください。 スクロールすると、それに合わせて一緒についてくると思います。 ① Jqueryプラグインのダウンロード この機能を実装するためにはJqueryの「Sticky」というプラグインを導入する必要がありま ...