Turn Off Hovers on Scroll

Avatar of Chris Coyier
Chris Coyier on

DigitalOcean joining forces with CSS-Tricks! Special welcome offer: get $200 of 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 →