Estoy usando el paquete polyfill npm de desplazamiento suave https://github.com/iamdustan/smoothscroll en un sitio web que estoy desarrollando y, a pesar de intentarlo durante horas, no puedo hacerlo funcionar. Después de importar e invocar el paquete, estoy llamando a una función que agrega un detector de eventos a todos los enlaces con un atributo de datos de "navegar a" para que el elemento apropiado se desplace a la vista. ¿Alguien tiene alguna idea de qué podría estar causando el problema? Sospecho que podría tener algo que ver con el addeventlistener que se aplica dentro de un forEach. ¡Gracias por adelantado!
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()Después de probar algunas soluciones más, noté que, por alguna razón, el polyfill no funciona con querySelectorAll, así que simplemente creé una matriz de clases que recorro y selecciono cada uno de los elementos con querySelector en su lugar.