For one of my open source projects, I was recently asked if there’s a way to delay running something until after scrolling has finished.
There’s no native JavaScript event for when scrolling stops, but it is something you can detect pretty easily with just a few lines of code.
The Approach We want to listen for scroll events using addEventListener. We’ll set a delayed timeout function to run a few milliseconds after the event, but with each scroll event we’ll clear that timeout function so it doesn’t run.