Byron Shi

Sorry for the late reply, I was on vacation last couple of days. I changed the way I fixed the elements to the same as possible in the demo, using "ScrollTrigger. create" instead of "gsap. to", and now it looks like there's no problem. https://codepen.io/byronshi/pen/LYMOqgQ I'm confused then, why a refresh invokation to a ScrollTrigger instance nested inside "gsap.to" takes longer than one that's created directly by "ScrollTrigger. create"?

Thanks for the remind, but after closely going through your reply, I'm afraid that's not key to the problem here. I'm aware of the css transition and js animation confliction. If you look into my code, you will see that all elements with css transition are not animated by js code. They only reacts to the class change of their parent, which I believe, does not cause performance or delay issue here. In case I'm not explaining my "laggy" clear enough here, I took a video of it. Please take a look(the "1st, 2nd, 3rd industrial revolution" part). There's only 1 or 2 frames placed between each animation, that's what it troubles me. IMG_0428_1_1.mp4

Hi there, I'm building a section that shows timelines of multiple industries. When one is clicked, it expands and shows the detail. To make the timeline stages look clearer, I applied a scrolltrigger animation to the stage element to pin it at the bottom of viewport. When I scroll up or down, it looks pretty smooth. But when i expand or fold a industry row, the stage element becomes less responsive(drop down to around 2-3 fps, esspecially when folding). What can i do to make the fixed part not laggy in this case?

Hi, there. I'm doing an effect that keeps morphing paths between 2 shapes. At first I tried MorphSVGPlugin, the result seems ok, but a little weird near the polygon corners. So I switched to kute.js, what I used to use for svg morphing. Then the result seems perfect. I'm not saying that one is better or worse. I'm just curious why is the behavior different and is there an option or method that I can use on the MorphSVGPlugin so that it can morph the way kute.js does? Thanks.