Intenté desplazarme suavemente por una página con el evento de click y funciona, también con CSS, pero lo intenté con el evento de keypress de tecla, pero el desplazamiento suave no parece funcionar. Aquí está mi fragmento de código;
<body> <div class="first-section"> </div> <div id="second-section" class="second-section"> </div> </body> document.addEventListener('keydown', function(e) { if (e.key === "ArrowDown") { document.querySelector('.second-section').scrollIntoView({ behavior: 'smooth' }); } })Encontré el problema, tuve que agregar e.preventdefault(); método para evitar el comportamiento predeterminado, que es un salto directo a la sección especificada. Luego, el desplazamiento suave entrará en su lugar.