Search results
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.
Locomotive Scroll. Detection of elements in viewport & smooth scrolling with parallax effects. Installation. ⚠️ Scroll-hijacking is a controversial practice that can cause usability, accessibility, and performance issues. Please use responsibly. npm install locomotive-scroll. Usage. Basic. With simple detection. HTML.
Detection of elements in viewport & smooth scrolling with parallax effects.. Latest version: 4.1.4, last published: 2 years ago. Start using locomotive-scroll in your project by running `npm i locomotive-scroll`. There are 18 other projects in the npm registry using locomotive-scroll.
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.
About HTML Preprocessors. HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug.
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. No more Smooth Class = no more hikacking of the scroll.
🛤 Detection of elements in viewport & smooth scrolling with parallax. - locomotivemtl/locomotive-scroll
``` ```js import LocomotiveScroll from 'locomotive-scroll'; const scroll = new LocomotiveScroll(); scroll.on('call', func => { // Using modularJS this.call(...func); // Using jQuery events $(document).trigger(func); // Or do it your own way 😎 }); ``` ## Instance options | Option | Type | Default | Description ...
Jan 1, 2021 · How to Locomotive Scroll and Nuxt (with example and gotchas) # vue # nuxt # javascript # locomotivescroll. (Original repo and files https://github.com/DidoMarchet/starter-kit-nuxt-locomotive-scroll) ️ Every one loves smooth scrolling! 💤 But sometimes working with Javascript frameworks and DOM can be boring and love fades away.
Mar 1, 2023 · Locomotive Scroll is a React scroll library that builds on ayamflow’s virtual-scroll, a library used to create custom scrollers that support touch and keyboard. Locomotive Scroll provides support for various forms of scrolling animations, including smooth scrolling, animated page overlays, and parallax effects.
