エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
jQueryでページ内リンクをスムーズスクロールにする
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
jQueryでページ内リンクをスムーズスクロールにする
お待たせしました! 「れーとーびーむの作り方」実践編! ……これまでの前座はなんだったのか。 今回は、... お待たせしました! 「れーとーびーむの作り方」実践編! ……これまでの前座はなんだったのか。 今回は、「ページ内リンク」を瞬間移動ではなく、するするーっとスクロールするように改造しちゃおうのコーナー。 ついでに、ページ内リンクを踏んでもURLが変わらず、「戻る履歴」にも残らないようにしてしまう。 今回紹介する方法は、このブログでも使っているのだ。多少アレンジしてるけど。 jQueryを使ったJavaScriptでできるよ。 サンプル とりあえず、以下のページ内リンクを踏んでみな。 ※スムーズスクロールは負荷が高いので、スマホとかではカクついてスムーズにならない可能性大。 ※帰りは自分でスクロールしてくれ。 とりあえずソース 終わりに とりあえずソース jQueryを使ったスクリプトだから、しかるべき場所に書くように。 $(function() { $('a[href^="#"]:not([