60fps scrolling using pointer-events: none

Ryan Seddon introduces a technique for getting 60fps scrolling on a page littered with elements having a hover state applied to them.

The trick is disabling pointer events on the body tag during scroll, which turns out to be a simple enhancement with big performance gains. His demo goes from 30fps without disabling pointer events, to 60fps with them disabled.

Source

Leave a Reply

Your email address will not be published. Required fields are marked *