vanilla JS でスムーススクロール
▼作成したもの
smoothScroll(); function smoothScroll() { const a = document.querySelectorAll('a[href^="#"]'); for (let i = 0; i < a.length; i++) { a[i].addEventListener("click", e => { e.preventDefault(); let href = a[i].getAttribute("href"); let target = document.getElementById(href.replace("#", "")); const rect = target.getBoundingClientRect(); const set = window.pageYOffset || document.documentElement.scrollTop; const pos = rect.top + set; window.scrollTo({ top: pos, behavior: "smooth", }); }); } }
発生している問題・エラーメッセージ
▼エラーメッセージ
SCRIPT1002: 構文エラーです。
▼該当箇所
a[i].addEventListener("click", e => {
試したこと
・a[i].addEventListener("click", e => {}をコメントアウト(中身は保持したまま)するとエラーメッセージがなくなります
なので↑の個所に原因があると思うのですが
どの参考サイトをみても同じ構文で書かれていてエラーになる原因がわかりません・・・
補足情報
chrome,Firefoxは問題なく動きます
何卒よろしくお願い申し上げます。
その構文がIE11未対応の件は過去質問でも言及されています。
回答1件
あなたの回答
tips
プレビュー