Written by Kasumi

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

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

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

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

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

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

目次

関連記事

jQuery

【jQuery】スクロール途中からヘッダーやナビを固定する方法

更新日:2022.09.09
538
jQuery

jqueryを使って要素を移動・追加・親要素を作成する方法【簡単テンプレ公開】

更新日:2022.09.09
1747
jQuery

jQueryを使ってある要素をクリックしたら任意のリンク先に飛ばす方法

更新日:2022.09.09
2223
jQuery

タブ切り替えでタブを上下に二つ設置し、連動させる方法

更新日:2022.09.09
1433