smooth-scroll.jsについて

いまsmooth-scroll.jsを使ってスムーススクロールを実装しようとしているのですが、aタグではなくbuttonタグでスムーススクロールを行うのは無理なのでしょか？
a[href*="#"]としているところを、button[class="head-btn"]という風して実行させることはできませんか？

x_x

2019/11/25 08:11

button でどのようにスクロールしているのでしょうか？

行動規範の内容に同意します

回答2件

ありがとうございます。ちゃんと確認するべきでした。
aタグをボタン風に改造することで解決しました！

投稿2019/11/27 04:13

zynu

総合スコア29

ベストアンサー

smooth-scroll.js の実装をみると a タグ以外のタグは対応していないようです。
button タグでは動かない可能性が高いですね。

js
1// smooth-scroll.js の clickHandler 内の条件判定で return している箇所
2// a タグでない場合は return して何も実行しないようになっている
3if (!toggle || toggle.tagName.toLowerCase() !== 'a' || event.target.closest(settings.ignore)) return;