Turn Off Hovers on Scroll

Avatar of Chris Coyier
Chris Coyier on

Take your JavaScript to the next level at Frontend Masters.

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 →