Hello, I am working on a web project and it seems GreenSock is a great start. I have a few questions after some intensive research.
1. How to snap instantly on scroll, even just scrolling a few pixels? The example you put on codepen (https://codepen.io/GreenSock/pen/YzyaKrq) is using css scroll-snap. It stops when you stop scrolling, then snap to the next/current section. I am looking for something smoother like fullpage.js or onepage-scroll.js (http://peachananr.github.io/onepage-scroll/Demo/demo.html). Is it possible? I also went through a similar thread below, but the solution won't work well after the browser is resized.
2. For the horizontal sections, how to implement the following effect (section wipes in 45 degrees) on scroll? https://www.transition.style/#in:wipe:top-left
3. Text animation on scroll. (I want to get some rough ideas how to do the followings using GreenSock)
- All letters of a word are placed on a random spot within the viewport.
- Letters are returning to the center of the screen and composing the word.
- The fill color is fading out (keep the outline only).
- The outline is animating out. Something like this https://codepen.io/davebitter/pen/XBGqro
- Another word in black is fading in and it keeps increasing its size, then the next section reveals from the black color.
Sorry for so many questions and I hope someone can point me to the correct direction. Thank you so much!!
