[jQuery]特定のリンクを除外しつつページ内スクロール【2017/03/29追記】

jQueryの兼ね合いで、ページ内スクロールが原因で動作がおかしくなった時の対処法。

基本形

とりあえず一般的なページ内スクロールのjs。

全てのページ内リンクに適用される。

特定のリンクを除外する

この場合、「#hoge」ってなってるaタグに関してはスクロール処理をしない。

特定のリンクを除外する・複数形

こうすると「#hoge」と「#hogehoge」が除外される。

まあ

ドロワーメニューの挙動がおかしくなったので必要にかられたわけです。
ちなみに使ったのはこれ
もっと凝ったやつもあるけどなかなかいい感じ。

追記:2017/03/29

いちいちリンク先で指定してると毎度jsに手を入れなきゃいけないので、class指定してそいつを除外してあげると後が楽。

こうすれば「.notscroll」なaタグが除外される。


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です