Scroll suave entre anclajes
/
Con este script, se añade un evento a todos los enlaces con anclajes para que se haga un desplazamiento con efecto «smooth» en la página.
//Selecciona todas las etiquetas <a> cuyo href empieza por "#" (anclajes)
document.querySelectorAll('a[href^="#"]').forEach(elem => {
elem.addEventListener('click', e => {
e.preventDefault();
document.querySelector(elem.getAttribute('href')).scrollIntoView({
behavior: 'smooth',
offsetTop: 20
});
});
});
Se añaden los parámetros behaviour para el efecto de scroll suave, y el offsetTop para que se vea el anclaje en la pantalla, por si es el título de la sección (este es opcional).
Sección uno. Ir a la sección 2
Sección uno. Volver a la sección 1
