Turn Off Hovers on Scroll

Avatar of Chris Coyier
Chris Coyier on

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit!

Sometimes hover effects can cause redraws and repaints and whatnot that take time and reduce performance. As you scroll down a page, you’re likely inadvertently triggering hover events that have no meaning while you scroll. Turning them off (via CSS’s pointer-events) is a clever way to reclaim some scrolling performance.

Direct Link →