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
1 answer
Locomotive Content not visible even when visible in CSS dev tool
Using Locomotive Smooth scroll, Scroll works fine, the issue occurs while scrolling back to the top, the header doesn't get visible even when the CSS inspect has opacity 1, so not sure why the header is not getting visible.
Another strange…
Ramesh
- 1,384
- 2
- 12
- 19
0
votes
2 answers
Issue adding Google Tag Manager on my Wordpress website
I'm trying to add the Google Tag Manager scripts on my Wordpress website, custom theme with locomotivescroll.js and swup.js. Here is the code I use for the integration in functions.php:
/* Google Tag Manager
/* ------------------------------------…
CarlVarsh
- 53
- 10
0
votes
0 answers
LocomotiveScroll not working until i do Inspect Element
I am trying to create a project using Nuxt with Locomotive Scroll, somehow the smooth scrolling does not work until i do "Inspect Element" -> then closing it. I have tried to listen for the scroll event, i got the scroll object.
here is my folder…
0
votes
0 answers
Can't scroll down after page changed using Locomotive scroll and react-transition-group
I have installed Locomotive scroll and React Transition Group. but when I click on the link or open a page I can't scroll anymore and it will stick at the top of the screen.
I have added scroll.destory() in my useEffect but it doesn't work.
What…
Dark star
- 5,192
- 9
- 35
- 54
0
votes
1 answer
scrollTo(target, options) is not working in mobile. (Locomotive scroll)
I am facing a strange issue. On desktop, everything is working fine but when I am switching to mobile some strange things are happening, and don't know why. scrollTo(target, options) is not working at all. On desktop horizontal mode is on and for…
Tanvir Sunny
- 1
- 3
0
votes
1 answer
Can't wrap my head around Locomotive Scroll sticky attribute
I am trying to get the hero and footer sorta fixed, so when the page is scrolled, the content will roll over the (unmoving) hero and when you get to the end of the contents, the also unmoving footer will be revealed.
I have messed with…
Tiago Borges
- 1
- 1
0
votes
1 answer
How to get scroll position and document height then run a function and update document height again?
My document height is 11886 and scroll position when I scroll to the bottom of the document is 9542.
I have a function I want to run when I scroll to the bottom of the document that will increase the size of the document again and load in more…
monsaic123
- 241
- 2
- 11
0
votes
2 answers
Locomotive scroll elements disappearing on scroll and footer cut off
I have made a site using locomotive scroll which worked perfectly until I uploaded to a live server. On the live server the elements sometimes bump into each other and then flicker and disappear and the footer is also cut off. It seems that the…
golds1981
- 31
- 1
- 4
0
votes
1 answer
Disable Locomotive Scroll for a specific page
I'm building a Woocommerce website and I would like to disable Locomotive Scroll on the Checkout page.
I tried this code, but it doesn't work. How could I disable Locomotive for a specific page? My website is not running with Ajax.
const scroll =…
Mathieu Préaud
- 357
- 3
- 16
0
votes
1 answer
SVG Path animation using data-scroll in Locomotive Scroll
I am trying to animate a SVG Path when the SVG element enters the viewport, I am using Locomotive Scroll on my website. I tried using data-scroll of Locomotive Scroll, which enables element detection in viewport, but unfortunately when I check the…
Kumar Kshitij
- 1
- 3
0
votes
0 answers
Cursor follower is laggy on Chrome and smooth on Firefox
I want my cursor to be followed by a circle with a short delay. The problem is that it works really smoothly on Firefox while being very laggy on Chrome.
JS:
const cursor = document.querySelector('.cursor');
window.addEventListener('mousemove',…
Matei Cananau
- 75
- 7
0
votes
1 answer
locomotive-scroll toggle header onscroll
I'm trying out locomotive-scroll for the first time and it's been good so far until I had to try to toggle the header style onscroll because the eventlistener isn't working. I've looked into gsap scrolltrigger and intersection observer but I'm…
Mel
- 111
- 1
- 12
0
votes
0 answers
Locomotive-scroll with Next.js
I am trying to use locomotive-scroll and gsap with my Next.js projects but I still have problems with the locomotive part. For example this adapted program works well in React, but not in Next. I commented all the locomotive lines to see at least…
Diego
- 41
- 1
- 1
- 6
0
votes
2 answers
How to use locomotive scroll in Angular
Is there a way to use Locomotive scroll in angular. I didn't find anything about this on google. Has somebody ever use Locomotive scroll in angular?
I tried to import it in my homepage.component.ts :
import {Component, HostListener, OnInit} from…
Jérémy Gachon
- 252
- 2
- 6
- 27
0
votes
1 answer
GSAP ScrollTrigger not working as intended
I'm trying a simple ScrollTrigger animation where my text would move at the x-axis as I scroll. However, it just doesn't move at all.
HTML:
Mountain
CSS: .mountain-text { position: relative; top: -200px; …
Hamza Khan
- 67
- 9