github.com/locomotivemtl/locomotive-scroll
Readme
Warning
Locomotive Scroll v.5 is currently in beta. Be prepared for breaking changes compared to previous versions.
Detection of elements in viewport & smooth scrolling with parallax effects.
Locomotive Scroll is an opinionated JavaScript library that provides smooth scrolling animations and advanced scroll interactions for web applications. It is designed to create engaging and interactive scrolling experiences with ease. Locomotive Scroll offers features such as smooth scrolling, parallax effects and scroll-based animations.
Read the documentation for more details.
You can install it via NPM by running the following command:
npm install locomotive-scroll@beta
Find more ways to install the package in our Quick start guide.
| Name | Support | Description |
|---|---|---|
| Lenis | ✅ | Built on top of Lenis. |
| TypeScript | ✅ | For a better developer experience |
| Built-in viewport detection | ✅ | Using browsers's native Intersection Observer API |
| Real time progress value | ✅ | For flexible scroll-based animation |
| Accessibility and performance | ✅ | More than ever! |
| Lightweight | ✅ | 8.3KB (gzip) |
| Name | Description |
|---|---|
| Lenis | How smooth scroll should be. |
FAQs
Unknown package
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
A hospital in Mobile, Alabama, agreed to a settlement in a landmark ransomware death lawsuit, but is now reportedly reconsidering the agreement and refusing to pay.
Security News
A new report explores how advancements in LLMs are enhancing cyber threats, including polymorphic malware, personalized spearphishing, and the risk of hijacking customer service bots.
Security News
ESLint has approved an RFC that adds support for TypeScript configuration files, which is aimed at improving the developer experience and recognizing changes in the evolving JavaScript ecosystem.