Search results
Oct 4, 2022 · As discussed in the introduction, for this demonstration, beyond the Locomotive files, we’ll also incorporate Tailwind CSS to create the page layout. With that in mind, if you look under the Settings tab of our demo pen, you’ll see that there are two external CSS files and one external JavaScript file. 1.
By default locomotive-scroll listens for scroll events only on the scroll container ( el option). With this option set to true, it listens on the whole document instead. Defines which gesture direction (s) scrolls in your instance. You can use : Object allowing to override some options for a particular context.
1 CDN to use with LOCOMOTIVE-SCROLL 3.3.4. Find out the best CDN to use with locomotive-scroll 3.3.4 or use multiple CDN as fallback. Simply copy and paste one of these URL !.
As usual, you can do like this: import LocomotiveScroll from 'locomotive-scroll'; Or just import the Native Class: import { Native } from 'locomotive-scroll'; And create your instance like before. // const scroll = new LocomotiveScroll(options); const scroll = new Native(options); Assets 2. 🛤 Detection of elements in viewport & smooth ...
We are Locomotive. We’re a small group of creative thinkers who craft bespoke digital-first brand identities and experiences, tailor-made for you and your audience. Over the past 15 years, Locomotive has become a go-to for meaningful, innovative, results-driven digital experiences, web design, and branding. Agency. Careers.
Nov 24, 2022 · Well, luckily it’s really simple with a few lines of code. So first of all you’re going to need to take a copy of this code 👇. el: document.querySelector("body"), smooth: true, multiplier: 1.0, locoScroll.update(); Then head on over to your Advanced Code Injection (Settings > Advanced > Code Injection), paste the code into the footer and ...
