Jump to content

GreenSock last won the day on September 22

GreenSock had the most liked content!


  • Posts

  • Joined

  • Last visited

  • Days Won


Status Replies posted by GreenSock

  1. Hello. I am developing a peculiar website that needs to activate/deactivate animations by horizontal scrolling. So I created a sprite css animation that describes a walking movement. The objective is to activate the css sprite when the user starts moving to the right and stops the animation when the user stops. For that I created 2 css classes in which each sequence is describe. So far I was only able to make the sprite move but the character does not follow the scroll or stops when not scrolling (I am very newbie using gsap). Any ideas?


    here is a temporary link to check current result:



    also an image



    Thanks in advance!



    1. GreenSock


      If you need some help, please make sure you post in the forums (it looks like you put a question into your profile's status update). And please make sure you include a minimal demo sot hat we can properly see the problem in context. 

  2. Hi there, in the codepen url (https://codepen.io/GreenSock/pen/XWMPLQg), the animation is what I was looking for but would like to change how animation is being triggered. For instance, on scrolling down of mouse the currently the second image is being revealed slowly and on scrolling upwards the it gets back to its initial first image slowly. So, is there a way to reverse/change  what is happening on scroll downwards at the moment  to scroll upwards and vice versa. So, the animation would remain same but the direction of scrolling of the mouse would change (would like to have what is happening currently on scroll down of mouse to happen on scroll up and what is happening on scroll up of the mouse to happen on scroll down of mouse).

    1. GreenSock


      Hi @Sam124. If you have a GSAP-specific question, please post it in the forums as a regular post (new topic) rather than in a status update on your profile. 

    2. (See 1 other reply to this status update)

  3. Hey, Greensock, just an FYI because I spent the last hour or two pulling out my hair, if you leave 'will-change: transform' on a parent, the browser treats it as if it is a transformed element and it breaks fixed pinning. 


    I was trying to see how much smoothscrolling was impacting performance by removing it temporarily and the 'will-change' I'd added for smooth scrolling kept it from working.  Might want to add to pinType docs. This is easy to overlook and not what I expected to effect it.

    1. GreenSock


      Sorry to hear about the hassle. Yeah, that's totally unrelated to ScrollTrigger/GSAP but I just added a note to the docs. Cheers!

    2. (See 1 other reply to this status update)

  4. hi all, this maybe a question asked in the past, how can I include the code into a WordPress website 


    1. GreenSock


      Please post questions in the main forums rather than individual profile status messages: https://greensock.com/forums/ 


      You should be able to include GSAP in any web page with a simple <script> tag. Like: 

      <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.2/TweenMax.min.js"></script>