[Two display animations are not firing together (even with "<")]

Hello @h-amad , are you looking for something like this animation ?

See the Pen XWPaZKp by itsalimanuel (@itsalimanuel) on CodePen

[not able to get the right input range to get the smooth pointermove animation on mockup animation]

Hello @whizzbbig , There might be better ways to accomplish this animation , such as

See the Pen PodKEda by itsalimanuel (@itsalimanuel) on CodePen

[SVG Scrolltrigger animation glitching on Firefox]

Hello @Pauline Brothier , the problem inside the lottiefile  you can check this link http://airbnb.io/lottie/#/supported-features
also I see that you are using Base64 image in your json file , Bas64 encoded images are good practice for a small size (KB) images. 

https://www.davidbcalhoun.com/2011/when-to-base64-encode-images-and-when-not-to/.

I suggest  to use other way for this animation because it's 3D animation, please check this pen :

See the Pen 2152a28cffe2c2c0cca8a3e47f7b21c6 by osublake (@osublake) on CodePen

Have a nice day

[Compatibility issue between Scrolltrigger and wordpress theme using Scrolltrigger]

Hello @Paulina , I have checked you pen and your website , and I saw that is the problem in your JSON file 
Failed to load resource: net::ERR_HTTP2_PROTOCOL_ERROR /grace/wp-content/uploads/2022/03/box-animation.json:1
 

check the console

[svg animation]

Hello @Moses , I think you need to use MorphSVGPlugin 

[Scroll Speed Problem]

Hello ,@codanux  change the end to be like  end: 'bottom bottom',
 

const timeline2 = gsap.timeline({
  scrollTrigger: {
    id: 'section2',
    trigger: '#section2',
    scrub: true,
    markers: true,
    pin: true,
    start: 'top top',
    end: 'bottom bottom',
    pinSpacing: true, // end padding problem
    endTrigger: '#section3'
  }
});

 

[Scrolltrigger image animation]

Hello @Vijith , you can check my solution

See the Pen oNpLXyY?editors=1010 by itsalimanuel (@itsalimanuel) on CodePen

Have a nice day 🙂

[How can inprove animation with changing the content when scrolling?]

Hello @dc65k , you mean something like this  ?

See the Pen 17f5ec8b40f835f2abf9dcf531a13d60?editors=0010 by itsalimanuel (@itsalimanuel) on CodePen

[ScrollTrigger is not working in the second element]

Exactly , so the point it was to add this line ?

.add(() => ScrollTrigger.refresh())

Many thanks @OSUblake

[ScrollTrigger is not working in the second element]

Hello @OSUblake, no , sorry I add another link 🥴

the correct link

[ScrollTrigger is not working in the second element]

Hello There,
I got a problem with my animation when I use the scrollTrigger for the second element.
Also , I can't see the markers!
any explanation ?
Thanks

See the Pen gOopGeJ?editors=1010 by itsalimanuel (@itsalimanuel) on CodePen

[Gap at scrollbar position with scrollTrigger]

Hello @PedroZorus , I think it's an CSS issue ,you can fix it by 
 

div{
  max-width:100% !important;
  width: 100%  !important;
}

See the Pen QWqgeGY by itsalimanuel (@itsalimanuel) on CodePen

Cheers

[Animate to height auto]

Hello @JJulien , hope this help you 

See the Pen 276d9e148fa0a763570eaf298dbc7360 by itsalimanuel (@itsalimanuel) on CodePen

[Problem with Horiziontal Scroll Speed and Draggable on Tablets]

Hello @GRVTY  , I can't see your example (code) , check the codepen link pelase.

[The code works normally on codepen but locally nothing works " ScrollTrigger"]

@Cassie It's okay, thanks 

[The code works normally on codepen but locally nothing works " ScrollTrigger"]

14 minutes ago, Cassie said:

I'll echo what @OSUblake and @Visual-Q said. This is pretty hard to debug without a look at your setup.

Are there any errors in the console?

Hello @Cassie , nothing in the console , also the website works with gsap nroamlly ,i made a lot of animation in the same website via gsap.

[The code works normally on codepen but locally nothing works " ScrollTrigger"]

11 hours ago, OSUblake said:

It's hard to say without seeing your local setup. Are you loading your scripts last, and not in the head?

 

at last of the page , the code works without scrolling ,here is the problem

[The code works normally on codepen but locally nothing works " ScrollTrigger"]

Hello guys , as you see in the video the animation not working locally , any explanation

See the Pen oNZRrvq?editors=0111 by itsalimanuel (@itsalimanuel) on CodePen

[locomotive scroll data-scroll-sticky not working]

Hello @Amir-A-M , just add data-scroll-container to your div at top 
 

<div class="smooth-scroll" data-scroll-container>

 

[Liquid Mask, Image & Hover]

Hello @daniushambalisapija , you can do it with GSAP or with PixiJS too.

https://tympanus.net/Development/LiquidDistortion/
 

[Animate Delay Then Animate Again]

Like that ? 

tl.to("#green", 1, {x:750},"+=2")
  .add("blueGreenSpin", "-=1")
  .to("#blue", 1, {x:750, rotation:360},"-=2")
  .to("#orange", 2, {x:750, rotation:360},"-=1");

 

[ScrollTrigger - Syncing animated text with Lottie animation]

You can do it like that

See the Pen 17f5ec8b40f835f2abf9dcf531a13d60?editors=1111 by itsalimanuel (@itsalimanuel) on CodePen

 

[GSAP Image Wiping]

Hello @Brian-afk  , Can you add a minimal demo ?

[GSAP Scrolling Animation]

Hello @Brian-afk , welcome to greensock , here an example for the animation 

See the Pen 3ca556a8fa6b42ecbb6b181a011348aa by itsalimanuel (@itsalimanuel) on CodePen

[Locomotive scroll + GSAP, randomly cut the page]

Hello @Stacie , I think you should use
 

 .scrollerProxy() 

also you can check this topic :