平滑滚动 polyfill 在 forEach 循环中不起作用

Question

我在我正在开发的网站上使用 smooth scroll polyfill npm 包 https://github.com/iamdustan/smoothscroll，尽管尝试了几个小时，但我无法让它工作。导入并调用包后，我调用了一个函数，该函数将事件侦听器添加到数据属性为“navigate-to”的所有链接，以便将适当的元素滚动到视图中。有谁知道可能导致问题的原因是什么？我怀疑这可能与在 forEach 中应用的 addeventlistener 有关？提前致谢！

    import smoothscroll from "smoothscroll-polyfill";
    smoothscroll.polyfill();

    function anchorScrollTo() {
     document.querySelectorAll("[data-navigateTo]").forEach(function (e) {
     e.addEventListener("click", function (event) {
      document.querySelector(e.dataset.navigateto).scrollIntoView({ behaviour: "smooth" });
    });
  });
}
     anchorScrollTo()

Answer 1

在尝试了更多解决方案后，我注意到 polyfill 出于某种原因不适用于 querySelectorAll，因此我创建了一个类数组，我循环遍历 select 每个 select用 querySelector 代替元素。

平滑滚动 polyfill 在 forEach 循环中不起作用

Smooth scroll polyfill not working inside a forEach loop

javascript

smooth-scrolling

polyfills