Victor Work

Ohhh I didn't see it. My bad... Thanks Carl. @GreenSock Could I leave it as suggestion for next releases? Also the feature to lerp sections instead of the whole container. ?

Hello Beautiful people. Is there any way to avoid ScrollSmoother to overlap when using multiple instances? Currently, it seems that is applying body container height to other instances (i.e: Modal cutting off) Thanks in advance

Hey Guys, only pointing out that are some broken links on this page: I've highlighted some of them:

@Carl, that completely makes sense. I forgot we're handling the timeline progress not the element. Thanks Carl

You're right. But seems even the ease:'back.inOut' even in this older version is not working as well. Ok.. waiting for those minor issues get solved. Thanks again @ZachSaucier

You can see the speending working diferently on these examples (same code): Newest Version: https://codepen.io/victorwork/pen/poNKamw v3.2.6 https://codepen.io/victorwork/pen/WNoyyNV

Hey @ZachSaucier, thanks for the heads up... seems like the duration also is not working properly. Are you able to say if this bug is impacting only the Codepen's version or the npm as well?

Hey guys, I'm not sure why, but seems like ease on tweenTo is not working on. Any thoughts about what is happening?

Thanks @ZachSaucier, very well explained. ?

Hey Guys, I'm getting a weird behavior (probably in my end) using ScrollTrigger.batch() as you can see on the pen attached (you may need to open Codepen's link), when you scroll it the animation get scrambled and doesn't run in the right order. What's exactly am I doing wrong here? Thanks in advance.

Let me check it out and see how I can play and get back with a feedback. Thanks for now @GreenSock Jack

Hey @ZachSaucier Thanks, that works ... was a miss configuration on my end. Seize the same topic to dont flood the forum... Is there a way do get scrolling direction? For example.. detecting scrollup or scrolldown inside of a Scrub animation?

@ZachSaucier Thanks for helping me out... I appreciate it. Seizing the opportunity... a quick question. Is there a way to fire a animation on ScrollTirgger before the elements enters on the viewport? Something like this: ScrollTrigger.batch(this.unwrapTexts, { onEnter: (elements) => { gsap.fromTo($(elements).find('.wrapped-p'), { yPercent: 140 }, { duration: 4, yPercent: 0, ease: 'expo.out', stagger: .06 }) }, start: 'top 110%', once: true }) Thanks in advance.

Hey All, I've experiecing a weird issue with resizing. Once I've resized the window the scrub effect completely disappears with the element. Why does it happens and how could I fix that? Thanks in Advance. Regards

Hey @Nolla, I saw your private message, so I decided to answer on the forum because it may help others. I'm not aware of how you've handled your Smoothscroll, but I would say that your problem could it be related to callback timing. Probably you're calling the smooth scroll before the browser get the correct size of the document. You maybe need to put some preloader on images and call the smooth scroll after browser get it done, or put fixed size for all your elements so, or (more complex) create a lazy load function on your images and recalculate your smooth scroll every time the browser changes the height. Seizing the opportunity I also suggest you use ScrollTrigger instead of ScrollMagic, so much more benefits and better performance. Good Luck.

Hey @PointC, That's an awesome Tutorial, thanks for sharing. For sure that's will be very usefull in the future, in the project (that will be released very soon). I used @mikel's approach. But for sure is amazing to know how flexible Morph & DrawSVG are, giving a ton of opportunities to explore. The project I used this effect: http://by-victorwork.com/1st11/

That's amazing. Thanks @mikel

Hey GSAP'ers, I'm trying to morph a Circle SVG to a line as you can see on the PEN. I'm wondering what's the best way to approach. Thanks in Advance Cheers

@ZachSaucier Thanks for the quick reply. Actually I've been doing a couple of stuff synch the GSAP animations and the SmoothScroll(made by @jesper.landberg) and I'm wondering if is the new ScrollTrigger is compatible to fire/handle the animations with the SmoothScroll Examples: 001: https://codepen.io/victorwork/pen/vYLBoxK 002: https://codepen.io/victorwork/pen/WNreVjM 003: https://codepen.io/victorwork/pen/pogzMWO

@jesper.landberg Hey Man, keep me posted if you figured out an away to use it with your smooth scroll.

Hello Gsap'ers I'm trying to cheer up a value, but I can not. Test to animate in Mousemove, it seems to work perfectly, however in the Tween I am not getting Can someone help me? Line 27.

Hello guys, I'm trying to make an infinite scroll based on that reference: (This site). But I have not tried in some ways to leave the scroll smooth, with ease, but without much success, is there a way to do this through tl.progrees ()? Any help will be very valuable. Thanks

@GreenSock Thanks for the words Jack, and I believe you have used the correct term: Empathy. It is very important to know the path you have taken and how you have managed to evolve looking back and helping people who also want to move forward. You can count on me, I'll always be here. [high-five] ? @elegantseagulls Very Thanks ^^ @Carl I believe that success is in recognition, and I want to acknowledge everyone who helps me. Thank you for the words @mikel Thanks Broo. ☺️ @Dipscom Thank you very much, I will not go any further. E muito sucesso para nois. sempre! hahahha

Hello everyone, This post is going to be one of those a little long and for those more busy and timeless it is about: A person who had a dream and when he reached resolve to thank the people who helped reach that goal. Well let's go then: First, this was my first post on the forum: https://greensock.com/forums/topic/16437-animation-scale-left-to-right/ And on this date I still used Adobe Muse to make a website because I did not know anything about HTML / CSS, but I already wanted to be good, make sites cool, cool and one day I could gain recognition at Awwwards, so if you go see this post will see that mention a site that had just won this recognition. But it was impossible to win not knowing HTML and CSS, so I started to study and learned everything by scouring the internet inside, but something I was sure, to get there I would need to master doing Animations, so every day I needed to understand how it worked the GSAP. I was studying and creating new challenges and whenever I tried to do something and did not find the solution on the Internet, I was obliged to ask in this Forum, and at no time did I leave here without a useful answer, ready for me was very clear, I had found a source for learning and for evolution. So know that this is how I and many people see this forum. So after less than 2 years of many studies and many questions I finally decided to run my dream that was to gain a recognition at Awwwards, and to my surprise I did not only won as a Site of the Day but also the Developer award. A reason for much satisfaction and pride, and I certainly could not without the support, help of this incredible community, who always welcomes and helps everyone who comes here to seek a light for their goal. So thank you to all of you and as a form of gratitude and recognition I made a point of mentioning in the thanksgiving session of my website (http://victor.work) on the page about, because it is also conquest of you. (and also mentioned GSAP FORUM in my hobbies) So through all this I would like to let you know that you provide a very important role for the web community, a tool that we can evaluate as perfect and yet I see you doing the best and working hard to perfect it even more. Guys you are very importants. I'll leave the recognition link here at Awwwards: https://www.awwwards.com/sites/victor-work-folio19 Anyway, this is it: Thank you very much indeed, you guys are awesome.

Hi @tagger, try this: var midi_tl; function ff() { document.getElementById("__midi").setAttribute("fan","1"); midi_tl = new TimelineMax({paused: "true"}); midi_tl.set(document.getElementById("__midi"),{fan:"1",width:100}) midi_tl.play(); console.log(document.getElementById("__midi").getAttribute("fan")) }