Stack Overflow
Stack Overflow

Questions tagged [locomotive-scroll]

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.

111 questions
0
votes
0 answers

I'm using GSAP and locoScroll with reactJS, how can i check the trigerring point value?

This is my function that i made. The elements which i'm targeting moves only when the page is reloded. I wanted to move the elements #moveLeft and #moveRight when the scroll reaches 27% from top and when we slide back up the elements must move back…
SHIVAM SHARMA
  • 1
0
votes
0 answers

Getting an error, How can i use GSAP with ReactJS?

error: my main.js component: I installed all libraries of gsap, locomotive, scrollTriger, but yet i m getting this error. i was expecting to make my scroll smooth and moving my heading tags when triggered by the scroll. But i'm just getting an…
SHIVAM SHARMA
  • 1
0
votes
1 answer

Match error in nuxt3 app with locomotive scroll

I have nuxt3 project with locomotive scroll and gsap (repo: https://github.com/cyprianwaclaw/Skandynawia-Przystan). I have a problem, when I change page ep. index to test and reverse page dons't change and I my console has error:…
Cyprian Wacław
  • 31
  • 1
  • 5
0
votes
0 answers

Locomotive Scroll : How to stop scrolling with an overlay modal?

I started using locomotive and made an overlay menu. Normally I should have use an overflow hidden. But here it's not working .scroll-stop { overflow: hidden !important; } $('#toggle').click(function() { $(this).toggleClass('active'); …
Evilcampbell
  • 1
  • 1
0
votes
0 answers

Using Locomotive Scroll makes the page fall down

Using React + Three JS + dat.gui + GSAP + Locomotive Scroll. When I enable loco scroll, this happens: The PAGE when scroll is enabled useEffect(() => { const locoScroll = new LocomotiveScroll({ el:…
Sadness7311
  • 1
  • 1
0
votes
0 answers

Trouble finding the right plugin to animate text

For a new project I'm looking for a smooth scroll plugin that animates different elements with parallax effects and more. Right now I'm using locomotive scroll and it works really nice, but it doesn't work on mobile like I want too. The effect i'm…
Htothep
  • 1
0
votes
0 answers

React Locomotive scroll and scss styles not working correctly

I have a website build with webpack 5 My CSS loaders look like this: export function buildCssLoader(isDev: boolean) { return { test: /\.s[ac]ss$/i, use: [ // Creates `style` nodes from JS strings isDev ?…
Ana
  • 27
  • 6
0
votes
1 answer

How to export an instance of a library created inside a custom hook in React?

I am using LocomotiveScroll in a React application and I have created a custom hook called useLocoScroll to handle the initialization and destruction of the LocomotiveScroll instance in order to make LocomotiveScroll work with gsap's ScrollTrigger.…
Oliver
  • 177
  • 1
  • 10
0
votes
1 answer

Add class to the nearest element inside a foor loop

i'm trying to add class to an image looping into an Array. I have an array of elements settled with an document.querySelectorAll. When i hover into a single of this element i want to add a class to his image, but when hovering the only image with…
maurodf
  • 13
  • 2
0
votes
0 answers

Locomotive scroll doesn't work when change page on Nuxt3 project

I use Locomotive scroll with gsap scrollerProxy in Nuxt3 project. When change page from index to /tets locomotive scroll doesn't work. My tets page code: