Can I do anything about “repaints on scroll” warning in Chrome for “overflow:scroll” div

Question

In Chrome DevTools, under Rendering, there\'s an option to \"Show potential scroll bottlenecks\".

When I enabled this, some div elements I have on the s

Answer 1

Although the accepted answer solves the problem, it is worth looking at the CSS will-change property. This is preferred over transform: translateZ(0); in recent times. Here is an that article explains the difference in detail - https://dev.opera.com/articles/css-will-change-property/

.scroll-container {
  will-change: transform;
}