Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

Michael31

Members
  • Content Count

    23
  • Joined

  • Last visited

Community Reputation

6 Newbie

About Michael31

  • Rank
    Member

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. That makes sense indeed. Once again thanks for the explanations !
  2. Hi, I would like to kill my ticker now. Unfortunately, it doesn't seems to work when I reproduce the model of the arrow function that starts my ticker : // lauch my ticker, it works gsap.ticker.add(() => this.playTicker()); // remove my ticker, it doesn't work gsap.ticker.remove(() => this.playTicker()); I made a codePen to illustrate my issue : my init function lunch the ticker and my kill function is supposed to remove it. You can see my ticker is still running after I called the kill method. https://codepen.io/michaelgrc/pen/qBqogBy Does anyone see
  3. Hey @ZachSaucier, thanks for the answer. For your information I finally managed to fix my issue : I had to add the parenthesis on the ScrollTrigger.update() call. Everything works great now 👍
  4. Hey @ZachSaucier, I added the changes you suggested but my issue is still here. Here's a video of the behavior of my scrollTrigger element (I simply applied it to my image): https://www.dropbox.com/s/0fpux9z4kgci4uw/Enregistrement de l’écran 2021-02-24 à 12.24.48.mov?dl=0 As you can see, it's not an FPS issue, plus my smooth scroll is still fluid. Maybe my ScrollTrigger.update method is not called on every frame ? I tried to call ScrollTrigger.update on my requestAnimationFrame() function to be sure it's called on each frame, but it didn't solve my issue.
  5. Hey @ZachSaucier, thanks for your answer. Actually I already made it. I made my own smooth scroll with all the classic features for a smooth scroll for example .init(), .destroy(), .resize()... The idea is to only use gsap on my project. I was thinking that if I simply provide the current transformation to my scrollerProxy() method everything should work great. But yeah studying code from existing smooth scrolls looks like a great idea
  6. Hi, I made my own smooth scroll which basically changes the transform:translateY value of my element. I wanted to plug it with ScrollTrigger so I used the ScrollTrigger.scrollerProxy() function. Eventually, my animation is connected to my smooth scroll. Unfortunately, as you can see on my CodePen bellow, the animation made with ScrollTrigger is not smooth at all. I event tried to call the ScrollTrigger.update method to fix this but it doesn't change anything. https://codepen.io/michaelgrc/pen/WNoZLPM Does anyone see what I'm missing ? Than
  7. Hey @mikel, This last tip did the trick ! Thanks a lot for your time.
  8. Hey @elegantseagulls, thanks for your answer. So I added this attribute but it seems to add a new issue on both my codePen (you can see it right above) and my project. It adds an extra height at the end of my page. When I inspect it, it seems to be the section set inside the trigger attribute. Do I miss something ? Thanks a lot
  9. Hello, I'd like to reproduce a css sticky behavior. Unfortunately as you can see on my codePen, it doesn't keep pinned until the end of my section despite the end attribute. https://codepen.io/michaelgrc/pen/bGBEdRZ Does anyone see what I'm missing ? Thanks a lot
  10. Hello @akapowl, thank you very much. Your explanations help a lot.
  11. Thanks for your answers. I tried to combine the scrub and the toggleActions properties but I can't make it work. Does toggleActions can work when scrub is activated ? So I finally chose to use two ScrollTriggers. But eventually it jumps when the second transition plays : https://codepen.io/michaelgrc/pen/GRNJGYb Does anyone see what I'm missing ?
  12. Hello, I gradually change the background color of my viewport when an element appears. I would like to gradually go back to the normal when this same element disappears from the viewport if you're keep scrolling. Is is possible to do so inside the same scrollTrigger object ? I tried to do the exit animation with another gsap.to() but it jumped. Thanks you very much https://codepen.io/michaelgrc/pen/GRNJGYb
  13. Thanks you guys for the amazing support !
  14. Hello, I'm using the quickSetter method inside es6 classes. Unfortunately I have an error : elmtSet is not a function Does anyone knows how to use the quickSetter method with the this nomenclature ? I'm force to separate a function from my ticker because I plan to kill it later. Thanks init () { this.elmtSet = gsap.quickSetter(".elmt", "y", "px"); gsap.ticker.add(tickerFunction); } tickerFunction() { // some things with delta and stuffs and then : this.elmtSet(myValue); }
  15. Hey @ZachSaucier, Thanks again for your time. Yes I'm referring on what happen a the 4th second and later. I think I was scrolling at this moment but I tried it again and it happens sometimes when I'm not scrolling. It sounds like a detail but I would love to have something smooth at 100% 🤓 Thanks
×