Skip to main content
1,967 questions
Newest Active Bountied Unanswered
Filter by
Sorted by
Tagged with
0 votes
1 answer
101 views

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 ...
Zain Mateen's user avatar
  • 9
-2 votes
0 answers
58 views

So i just created some custom animations using GSAP , but in my opinion its not clean .the animations won't be killed after we progress to the next sections making the page slow i Don't know where or ...
Hashim's user avatar
  • 1
0 votes
0 answers
28 views

I'm trying to create a vertical scroll animation with gsap but i seem to be having problems with the code. It is scrolling horizontally like i want it to but it only takes a second, which is too fast. ...
user31451233's user avatar
  • 9
0 votes
0 answers
36 views

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 ...
abdee code's user avatar
  • 31
1 vote
2 answers
128 views

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 ...
Grenish Rai's user avatar
  • 43
0 votes
0 answers
61 views

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 ...
RasmonT's user avatar
  • 405
0 votes
0 answers
55 views

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 ...
calovey's user avatar
  • 41
1 vote
1 answer
101 views

I know I'm missing something with the rotation of the inside cover when the book is "clicked on" to open, but I am not seeing it. The expectation is that when the book is clicked on, the ...
Zack E's user avatar
  • 718
0 votes
1 answer
59 views

I'm trying to replicate the filter section from the top part of this website: https://kimeracorp.eu/ It has a smooth animation when toggling filter options, and the content adjusts dynamically. I ...
Mansukh Khandhar's user avatar
  • 2,582
0 votes
3 answers
125 views

I generated the SVG using Illustrator and am trying to add animation using the gsap lib. I want to move the circle along the path, but it’s not aligning properly. I’m not sure where I’m going wrong. ...
mkHun's user avatar
  • 5,947
0 votes
0 answers
85 views

This is my section before scrollsmoother library: <section class="history"> <div class="history__wrap"> <div class="history-text"> ...
Dejan Krstic's user avatar
  • 1
2 votes
1 answer
88 views

i tried this and everything is working, except one issue that im trying to fix since days. which is the after the last container that is snapped, my website doesnt scroll further, any other section ...
alhaqqonny azzam's user avatar
  • 21
1 vote
1 answer
185 views

Hello Stack Overflow community, I'm trying to create an SVG logo animation for my "MPLAY" logo where the fill color appears to "flow" or "draw" along specific predefined ...
Maximus's user avatar
  • 13
0 votes
0 answers
59 views

I've been trying to put a cool scrolling animation, and it perfectly works for desktop view, but in mobile, the position sticky is not working properly, sometimes its glitching upwards, sometimes ...
Ayan Mohammed's user avatar
  • 1
0 votes
1 answer
74 views

I am wondering on what command was used in creating this animated circular curtains when scrolling down the website as shown in the video below using GSAP. It's been interesting to me and I wonder ...
theic_ocean's user avatar
  • 15
0 votes
1 answer
56 views

I am trying to make a deck builder where the user can click on a card and it adds the matching Card-frame to a deck list on the side in another container. Is this approach I have below the right ...
artcank's user avatar
  • 1
0 votes
0 answers
51 views

I have a Next.js 15 app that uses GSAP in a horizontal scroll/pinning component. I am facing this error Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node ...
Melvin Prince's user avatar
  • 73
2 votes
1 answer
101 views

I'm new to JS, especially working with gsap. I want to perform scrolling to certain sections via gsap ScrollTo. I want to make a smooth and not very fast scrolling. I also want to move elements in ...
Яша Проценко's user avatar
  • 93
0 votes
1 answer
91 views

I’m trying to recreate the box animation from Flecto.io using GSAP in this CodePen: https://codepen.io/sleepylala/pen/raNWYJy HTML CODE: <body> <div class="about-header"> ...
Sleepylala's user avatar
  • 1
2 votes
2 answers
96 views

I have implemented a scroll animation where images and text change as the user scrolls. The scrolling behavior works perfectly when using a mouse wheel, but when I try to scroll using a laptop's ...
RajDave's user avatar
  • 21
0 votes
0 answers
427 views

I am currently working on a project, involving three.js, gsap and lenis. I found a way to preserve 120fps on desktop and 60 fps on mobile, by using syncTouch: true from Lenis. This option stop the ...
Mehmed Kurtic's user avatar
  • 1
0 votes
0 answers
86 views

I am using the ReactBits Infinite Scroll component in my React project, and I want to modify its behaviour so that instead of an infinite scroll effect, it behaves as follows: When the user scrolls ...
Ken W.'s user avatar
  • 399
0 votes
1 answer
241 views

I'm having trouble getting this section to do what I want. I'm brand new to gsap, so I'm sure I'm not even close... Here's my codepen: https://codepen.io/mattmager/pen/WbemwmO ScrollTrigger.create({ ...
guitar4jc's user avatar
  • 13
1 vote
2 answers
63 views

I've created a touch event to be able to zoom into an image, saved the x and y values in the touchstart imageContainer.addEventListener("touchstart", function (event) { event....
WesCritch's user avatar
  • 31
0 votes
0 answers
25 views

Hello there I'm trying to understand the difference between page transition and normal page animations I use next js with a package called next-transition-router to create a transition animation that ...
Taste of Leaving's user avatar
  • 102

1
2 3 4 5
…
40