Optimizar barra de Scroll que baja despacio en Chrome en HTML o React

Tiempo de lectura: < 1 minuto

El comportamiento lento del scroll en Chrome puede deberse a varios factores específicos del navegador o de la configuración en React Web.

Scroll mobile - Pexels

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', 

Deja un comentario