Search the Community
Showing results for tags 'scroll trigger'.
Found 31 results
-
i have this horizontal scrolling website with different width per sections, what im trying to do is that when i stop scrolling it should scroll snap at the center of the current section, for visual i added span with 100vw with black color opacity box.
-
Hello all! ? I'm struggling to understand some concepts of GSAP (Timeline) and ScrollTrigger. I have a simple animation like a door opening and closing when the user scrolls down. There will be a content for each section behind these doors. So, regarding this I have 2 main questions: 1. Slowing down the scroll If I need to go through each section slower then it is right now, should I increase the height of the section? Not the duration of the tween? 2. Responsiveness I added some media queries that will change the size of the content text. If the size of the window changes, there is a bug. The animation doesn't respect the new size/position and I can't figure out why ? Thank you!!! ? PS: I don't know why but in the embed CodePen, the LocomotiveScroll seems not to be working. -
Hello Everyone, Hope you guys having a great day. So, here i am trying to achieve pin scrolling form left to right and right to left achieved nicely by @akapowl using locomotive scroll and how to make horizontal scroll section to display vertical on mobile and display horizontally at tab and desktop. and if i want to achieve horizontal scroll at mobile then this will be kind of bad for user experience as it will cause problem to scroll. https://codepen.io/akapowl/pen/8a383f202ba53d6b11cc83da39b6f5b5 I want to achieve left to right in second section and want to make them display vertical on mobile coz its overlapping -
Hello..! I did setup locomotive scroll with GSAP for my Wordpress Site. Currently it is running beautifully..! But the problm is that, None of my Elementor Scroll Animations are working. I am pretty new to Wordpress and Web Development. If you can help me, it would be a great pleasure. (Iam using Astra theme + Elementor Pro. I created some scroll animations for couple of Elementor sections. Everything not working. And I add my page (#page) as the locomotive scroll element.) -
Hey Champs of the GSAP community, I have been working on this Circular Nav for a while and finally got it to spin like a pin wheel on scroll using Scroll Trigger but now it won't stay in the middle. It keeps moving up and down when you scroll. Can anyone help me fixing it to the middle or is there a better way to do this PS. the tiny man walks on scroll. Please and Thank you Edit 1: The Circular nav would be on the left Div while there would some content on the right Div -
Hello Gsap community...I am a newbie with using gsap....I was working on a project in which I am using scroll trigger to display the website horizontally... The problem is that the anchor tags in my home page are not working... I want the anchor tags to scroll to specific divs(having their own ID) on click....I am also setting the width of the section divs using percentages as well as pixels..... I have provided a demo for reference...any help will be appreciated
