Web Depot: Scroll Up With a Snappy Tune

Stephen Yagielowicz

Sometimes it’s the little details that matter most, especially when there are enough to improve a site’s user experience. One such bit of fluff is Elevator.js by Tim Holman, which the author characterizes as “very serious stuff.”

“Finally, a ‘back to top’ button that behaves like a real elevator, by adding elevator music to quietly soothe the awkwardness that can ensue when being smoothly scrolled to the top of the screen,” Holman explains.

A standalone library that requires no jQuery or other helpers so its usage is light and straightforward.

A standalone library that requires no jQuery or other helpers so its usage is light and straightforward, Elevator.js only handles audio management and scroll functionality, leaving all of the styling of HTML elements up to the user.

The use of customizable background music for the effect is optional, with the ability to play one sound while scrolling, along with another once the user arrives at the top of the page.

Related: