Q&A
button でどのようにスクロールしているのでしょうか？
いまsmooth-scroll.jsを使ってスムーススクロールを実装しようとしているのですが、aタグではなくbuttonタグでスムーススクロールを行うのは無理なのでしょか？
a[href*="#"]としているところを、button[class="head-btn"]という風して実行させることはできませんか？
回答2件
0
ありがとうございます。ちゃんと確認するべきでした。
aタグをボタン風に改造することで解決しました！
投稿2019/11/27 04:13
総合スコア29
0
ベストアンサー
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;
ソース: smooth-scroll.js (v16.1.0) #L514 - GitHub
どうしても smooth-scroll を使う必要がある場合は CSS をいじって a タグをボタン風のデザインにしてしまうのが良いと思います。
投稿2019/11/26 10:39
総合スコア84
あなたの回答
tips
プレビュー
