El comportamiento lento del scroll en Chrome puede deberse a varios factores específicos del navegador o de la configuración en React Web.
Para solucionar el comportamiento lento de scroll en Chrome añadiremos el siguiente código dentro del estilo del contenedor qué realiza el scroll:
will-change: transform
Habilita will-change: transform en CSS: Para las secciones que necesitan rendimiento extra (como animaciones o elementos en scroll), puedes aplicar will-change: transform a los elementos clave. Esto le indica a Chrome que optimice esos elementos para mejorar el rendimiento.
Quedando de esta forma:
overflow-y: auto; will-change: transform
Si lo usamos en React con JSX:
willChange: 'transform',
Ingeniero en Informática, Investigador, me encanta crear cosas o arreglarlas y darles una nueva vida. Escritor y poeta. Más de 20 APPs publicadas y un libro en Amazon.