A 'back to top' button that behaves like a real elevator with elevator music to smooth the scrolling experience.
Elevator.js is a lightweight JavaScript library that creates animated 'back to top' buttons with elevator-like behavior. It adds elevator music during the scrolling animation to make the experience more entertaining and less awkward. The library provides smooth scrolling functionality with customizable targets, timing, and audio integration.
Frontend developers and web designers looking to add playful, engaging scroll-to-top functionality to websites without heavy dependencies.
Developers choose Elevator.js for its unique combination of humor and functionality, transforming a basic UI element into an entertaining experience with elevator music and smooth animations, all in a dependency-free package.
Finally, a "back to top" button that behaves like a real elevator.
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Adds elevator music during scrolling to create a fun and engaging experience, as demonstrated in the demo linked in the README.
Allows scrolling to any specified element on the page with vertical padding options, shown in the targetElement and verticalPadding examples.
A standalone library that doesn't require jQuery or other frameworks, making it lightweight and easy to integrate, as stated in the instructions.
Supports both audio-synchronized and fixed-duration scrolling, offering versatility for different use cases, as explained with the duration option.
Users must license their own elevator music, as the demo audio is proprietary, adding an extra step and potential cost.
The library only handles audio and scrolling; all element styling is left to the developer, requiring additional CSS work, as mentioned in the README.
Automatic audio playback might interfere with assistive technologies or user preferences, and the README doesn't address accessibility best practices.