Written by Kasumi

【jQuery】ページ内スクロールで一部だけスクロールさせたくない。除外方法を解説

実装できたページ内スクロール。
だけどアンカーリンク がついてるaタグは全部スクロールしてしまう。。
ページ内リンクが必要ないのはスクロールさせたくない!

このような疑問に答えます!

本記事ではページ内スクロールで一部だけ適用を除外する方法について解説します。

$(‘a[href^=#]’)後に.not()を追加する。

まずは通常通りページ内スクロールの記述をjsに記述しましょう。(やり方は有名なのでググったらすぐ出てきます!)
記述したら最初のセレクタの後に.not()を追加するだけ!
notの()内にはスクロールさせたくないクラスであったりIDを指定しましょう!
以上で完了です。

目次

関連記事

jQuery

【簡単】JQueryを使ってカテゴリー毎に出し分けれる簡易検索フォームを作る方法

更新日:2022.09.09
3026
jQuery

【jQuery】途中からヘッダー、ナビ、サイドバー等を追従させる方法【簡単】

更新日:2022.09.09
4951
jQuery

jQueryを使って簡単にタブ切り替えを実装してみよう

更新日:2022.09.09
870
jQuery

【簡単】スマホでよくある横スライドメニューを実装する方法【jQuery・CSS使用】

更新日:2022.09.09
5365