Download
Elevator.js fixes those awkward "scroll to top" moments the old fashioned way. 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. Elevator.js is a stand alone library (no jquery, or the likes) so usage is pretty straight forward. All styling of elements is up to you. Elevator.js only handles the audio management, and the scroll functionality! Elevator.js lives entirely within the js realm, which makes things fairly simple to use. You'll need to create a new instance of Elevator, and pass it some audio elements. Elevator.js is covered by the MIT License.
Features
- You'll need to create a new instance of Elevator, and pass it some audio elements
- If you don't want to scroll to the top, a custom target can be specified by adding a "targetElement" option
- If you want to scroll to a point on the page with some extra padding on the top, simply add the "verticalPadding" option
- If you're really serious (boring), you don't have to use audio... and can also set a fixed time to scroll to the top
- If you use elevator.js in combination with other code, you might want to use callbacks
- The package is also available via NPM
Project Samples
Categories
User Interface (UI)License
MIT LicenseFollow elevator.js
Other Useful Business Software
Full-stack observability with actually useful AI | Grafana Cloud
Built on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
Rate This Project
Login To Rate This Project
User Reviews
Be the first to post a review of elevator.js!
