Search results
A free, fast, and reliable CDN for locomotive-scroll. Detection of elements in viewport & smooth scrolling with parallax effects.
🚀 Locomotive Scroll v5 Beta Release. Try out the beta version of Locomotive Scroll v5! 🔗 Click here to try Locomotive Scroll v5 Beta. Your feedback is valuable during this beta testing phase. If you encounter any issues or have suggestions, please open an issue. Happy scrolling! 😄
A simple scroll library used by developers at Locomotive. Built as a layer on top of ayamflow's virtual-scroll, it provides smooth scrolling with support for parallax effects, toggling classes, and triggering event listeners when elements are in the viewport.
Start using locomotive-scroll in your project by running `npm i locomotive-scroll`. There are 20 other projects in the npm registry using locomotive-scroll. Detection of elements in viewport & smooth scrolling with parallax effects..
Loco (native) Scroll. Detection of elements in viewport & smooth native scrolling. The great locomotive-scroll without Smooth Class, merged with Lenis by Studio Freight to optimize the scrolling experience and keep native scrolling. I decided to merge the best of (for me) 2 great librairies for scrolling experiences.
Dec 16, 2020 · Locomotive scroll is a simple scroll library, built as a layer on top of ayamflow’s virtual-scroll, it provides smooth scrolling with support for parallax effects, toggling classes, and triggering event listeners when elements are in the viewport.
Add the base styles to your CSS file. [`locomotive-scroll.css`](https://github.com/locomotivemtl/locomotive-scroll/blob/master/dist/locomotive-scroll.css) #### JS. ##### With a bundler. ```js. import LocomotiveScroll from 'locomotive-scroll'; const scroll = new LocomotiveScroll(); ```. ##### Or without.
Find out the best CDN to use with locomotive-scroll or use multiple CDN as fallback. Simply copy and paste one of these URL !.
Using packages here is powered by esm.sh, which makes packages from npm not only available on a CDN, but prepares them for native JavaScript ESM usage. All packages are different, so refer to their docs for how they work.
Using packages here is powered by esm.sh, which makes packages from npm not only available on a CDN, but prepares them for native JavaScript ESM usage. All packages are different, so refer to their docs for how they work.