Tengo una aplicación de reacción. Dentro de la aplicación hay una navegación fija y para la vista móvil cuando el usuario se desplaza hacia abajo en la página y presionamos la sección que corresponde con el elemento de navegación. Utilizo scrollIntoView para desplazar ese enlace de navegación activo a la vista (cuando hay muchos enlaces, de por supuesto, no todos caben en la pantalla, por lo que algunos pueden cortarse).

 <div class="nav"> <a href="#link1" class="link active-link-1"> Link1</a> <a href="#link2" class="link"> Link2</a> <a href="#link3" class="link"> Link3</a> <a href="#link3" class="link"> Link4</a> <a href="#link3" class="link"> Link5</a> </div>

 .nav { white-space:nowrap; width:335px; overflow-x:auto; overflow-y:hidden; scroll-behavior:smooth; }

 const activeLink = document.querySelector(`.active-link-${activeLinkNumber}`) activeLink.scrollIntoView({behavior: 'smooth'})

Este código funciona bien en Firefox, pero no en Chrome. Cuando elimino el behavior: 'smooth' , parece funcionar bien en Chrome, pero necesito el comportamiento suave. ¿Hay alguna alternativa para hacer esto en Chrome?