Search results
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.
Shows how to use Locomotive Scroll with ScrollTrigger...
import LocomotiveScroll from 'locomotive-scroll'; const scroll = new LocomotiveScroll({ el: document.querySelector('[data-scroll-container]'), smooth: true }); Note: scroll-sections are optional but recommended to improve performance, particularly in long pages.
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.
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.
Mar 30, 2024 · In this blog we will be learning about how we can make our page scroll smooth as butter by harnessing the power of Locomotive Scroll. In today’s tech world, the most important factor that a...
May 15, 2024 · Here data-scroll and data-scroll-speed is an attribue for HTML. you have to add the data-scroll if you want to apply Locomotive.js. It increase smoothness of the page.