Locomotive scroll is a simple scroll library, it provides smooth scrolling with support for parallax effects, toggling classes, and triggering event listeners when elements are in the viewport.
Questions tagged [locomotive-scroll]
111 questions
0
votes
0 answers
How to scroll to Section with LocomotiveScroll with React and Gsap?
I'm currently facing difficulties while trying to implement scrolling to a specific section using Locomotive Scroll in my React project, where I'm also using GSAP.
I should mention that I've created a custom hook for locomotiveScroll to allow me to…
Oliver
- 177
- 1
- 10
0
votes
0 answers
How can I implement smooth scrolling using Locomotive Scroll?
I created a portfolio using a tutorial on Locomotive Scroll, and then I added a button using JavaScript to go to the top of the page; however, the button does not work.
How can I implement smooth scrolling while using Locomotive Scroll?
I have…
0
votes
0 answers
scrolltrigger with locomotive scroll and nuxt 3, proxy not working preoperly
I'm currently building a website with nuxt 3 gsap scrolltrigger and locomotive scroll.
I created a composable to load locomotive and set up a proxy for Scrolltrigger, here is the code for this
import LocomotiveScroll from "locomotive-scroll";
import…
0
votes
0 answers
React Locomotive scroll doesn't work until windows is resized
I have an issue with Locomotive scroll on React. When I try to scroll on a image gallery I coded it doesn't want to scroll unless window size is changed. On the main page the scroll is working fine
only when I change to /photography page is when…
Žan Konečnik
- 11
- 6
0
votes
0 answers
locomotive JS trigger a script after inizialization
I need to trigger a script after locomotive has been initialize but I can't find a list of event that locomotive it is listening at
scroll.on('init', (args) => {
console.log('init');
});
but it doesn't seem to work
al404IT
- 1,380
- 3
- 21
- 54
0
votes
1 answer
Horizontal scroll not working when using Locomotive Scroll in Vue.js
I have two pages Home (vertical scrolling) and About (horizontal scrolling), im trying to use smooth scrolling but im facing some issues.
If i navigate from Home to About, the horizontal scrolling stops working on About page. refreshing the About…
zemmsoares
- 313
- 1
- 8
- 27
0
votes
0 answers
React creates 2 instances of Locomotive-Scroll and is created after gsap ScrollTriger when paired together
I am trying to implement locomotive-scroll with my react project but I run into 2 issues.
One of them is that react strict mode (I think) created 2 instances of the locomotive-scroll which resulted in multiple problems.
The second problem is that…
Oliver
- 177
- 1
- 10
0
votes
0 answers
Locomotive JS, does not load the final part of the site
I made a theme for Wordpress, using Swup and Locomotive js.
When I see the theme page, it is half loaded. It doesn't scroll to the footer.
If I refresh the page then I see it perfectly.
I'll give you the code
Thank you all
jQuery(function($)…
realCode
- 43
- 1
- 1
- 4
0
votes
0 answers
Set disabled LocomotiveScroll on mobile device
I use locomotivescroll with my nuxt3 app, when I go my page on mobile, locomotivescroll bad scroll page. How I disabled locomotive on my mobile view on test page
Page/Test.vue
My…
Cyprian Wacław
- 31
- 1
- 5
0
votes
0 answers
NextJS + ScrollTrigger (Locomotive)
I'm using NextJS, react-locomotive-scroll and ScrollTrigger’s pin function to pin a testimonial, scroll through it horizontally and then move further down. However, due to react-locomotive-scroll, I need to use the data-scroll-container attribute on…
inzn
- 61
- 8
0
votes
0 answers
@react-three/fiber not rendering when using react-locomotive-scroll
Im using @react-three/fiber component and am having a issue where it does not show when I use react-locomotive-scroll.
If I remove locomotive-scroll from _app.tsx @react-three/fiber renders.
Also a side-issue of scroll-bar being duplicated when…
MagicalPineapple
- 13
- 4
0
votes
0 answers
Lock on slider when scrolling (Swiper.js)
I have a problem with locomotive scroll and swiper.
I would like to stop on the slider while scrolling and then scroll the entire slider and continue scrolling the page. How can i do that with using JQuery or vanilla js.
I want to know how to lock…
Piotr Kasperek
- 1
- 1
0
votes
0 answers
Locomotive Scrolling Issues on My Company Website
we have implemented locomotive smooth scroll in our company website. However, there's an issues, where sometimes the website showing some blank when scrolling fast to the bottom.
Here's our company website.
0
votes
0 answers
Locomotive-scroll call scrollTo with element id
it's my first time experimenting with Locomotive-scroll and I'm experiencing a setback :
I am trying to use the call event (using data-scroll-call="my-id") to pass an element's id in order to use locomotive-scroll's scrollTo method to "snap" to said…
ken
- 167
- 8
0
votes
0 answers
Get variable value from inside a custom hook in react
I am trying to get the scroll position by using Locomotive Scroll. So far, I could only console.log the value by using:
locoScroll.on("scroll", ({ scroll }) => {
var scrollY = scroll.y
console.log(scrollY);
});
This code is inside a custom hook…
MrFacundo
- 167
- 3
- 13