1,965 questions
- Bountied 0
- Unanswered
- Frequent
- Score
- Trending
- Week
- Month
- Unanswered (my tags)
-3
votes
0
answers
74
views
Json charges after rest of page? [closed]
I'm new at using javascript and studying for web design. I'm having some trouble with json and a gsap powered horizontal gallery.
Basically, i started designing my web portfolio without using a json, ...
-1
votes
0
answers
29
views
Next js + Gsap integration tutorials
i need one how can i implement Next js + Gsap in my project i mean npm install ok then how can i create a files i mean is it using it in seprate component will help me to make the animations or i need ...
3
votes
0
answers
116
views
Can't get scroll animation code to execute
Thanks for the help in advance. For the life of me, I cannot get a particular scroll animation to execute which utilizes gsap and lenis.
I've assembled the code to the best of my ability: https://...
-1
votes
2
answers
163
views
ScrollTrigger not working after route navigation (works on localhost, breaks in production)
I'm stuck with a weird ScrollTrigger issue in my Next.js app and could really use some help.
What's happening
I have a section on my homepage that uses GSAP ScrollTrigger to pin and animate when you ...
0
votes
0
answers
99
views
Creating a scrolling diagonal carousel with N images
I have a carousel of images, which I have tilted diagonally, and now I want to scroll through the images. The only problem is that if I add more images to the carousel track than the four I have, the ...
0
votes
0
answers
82
views
Best way to do scrolljacking without fast mouse wheel movement bypassing it
Firstly yes I know everyone hates scrolljacking, me too, but the decision's out of my hands and now I need to make the best I can of it. Unfortunately no matter what I try so far I can't get the ...
0
votes
0
answers
39
views
The trigger disappears due to a conflict between two ScrollTriggers
I’m currently creating a horizontal scroll for my website. At the very end of this horizontal scroll, I also set up a ScrollTrigger for stacking effects. However, strangely, the trigger for the ...
0
votes
0
answers
44
views
GSAP pin still causes vertical scrolling but horizontal scrolling to happen at the same time
I am currently creating a horizontal scroll, but the pin doesn’t seem to work. So when I scroll vertically, the page scrolls horizontally but still scrolls vertically at the same time. here's the ...
0
votes
0
answers
117
views
In Nesting timeline, how to make the start of one timeline coincide with a stage in another timeline?
I want the overlay timeline to start animating from the text2 label. That is, when the text-2 animation starts, the overlay timeline will start running.
gsap.registerPlugin(ScrollTrigger)
const tl ...
1
vote
2
answers
131
views
How can I create a navbar that is fixed at the bottom on the first page but becomes sticky at the top after scrolling?
I'm building a multi-section landing page using Next.js (App Router) and TailwindCSS, and I'm trying to implement a specific UI behavior for the navbar:
On the first viewport/page (Page 1), the ...
0
votes
1
answer
331
views
Animations between View Transitions looking weird on Chrome but fine in Firefox/Safari
I'm crafting a personal portfolio website with Astro.
I got View Transitions enabled, and GSAP animations tied to my persistent header on the pages.
The header's animation should close the navigation (...
0
votes
0
answers
69
views
GSAP + SplitType + i18n text fails to update correctly after language change
I'm using GSAP with SplitType and a custom language switcher (en.json, es.json) to translate my website dynamically.
Everything translates correctly except the .scroll-fade-text section — which uses ...
0
votes
0
answers
69
views
Homepage loads scrolled to middle section instead top
Problem
I'm building an Angular application with a homepage that has multiple sections including a hero section with video background and a horizontal scrolling "how it works" section using ...
0
votes
0
answers
76
views
How to smoothly pin stacked panels using GSAP ScrollTrigger with clean transitions and sticky header behavior?
I'm using GSAP ScrollTrigger to create a scroll-driven layout where multiple panels are pinned one after another, stacking visually during scroll. There’s also a sticky header/navigation bar at the ...
0
votes
1
answer
52
views
React Animation Component Pauses When Custom Cursor Moves - Performance Interference Issue
I'm experiencing a performance issue where a React animation component stops working properly when a custom cursor moves around the page. The two animations seem to interfere with each other.
I have ...