GGQa

Thank you @OSUblake. It's working. ?

I'm trying to do endless scrolling on my gallery page. I want three columns. The problem is, when I scroll down my wall, elements disappear and appear in weird ways ... and I want them to appear smoothly ... The strange thing is that when I have one column it all runs smoothly. Only in the case of three columns does this problem arise with ugly appearing elements ...

Hey, I'my trying to make a slider for my project using gsap... I wish after scrolling the middle slide was opacity:1 and the rest of the pictures were opacity: 0. I would like the active middle image to be set to opacity: 1 only after end of animation (when it sets itself in the middle position - end transform) . How to do it with Gsap? Thanks!

Oki, thank u Cassie.

Hmm... the first problem here is the visible effect of adding a background to the menu while scrolling. Second thing is I want to hide navigation with transform transform effect on meet "first" section. Actually in your example that menn changing position and background with some "progress".

Navigation while scrolling up adds a white background. In addition, I would like it to hide next to "first" section when scrolling up. Not just at the top. Scenario: 1. Page loaded 2. The menu is at the top in the Absolute position 3. I scroll down (menu is hidding) 4. I scroll up (menu is visible + white background + fixed position) 5. When I scroll up and Trigger find the "first" section (menu is hidding by transform, and return to absolute position without background)

Sorry, I had a long day too. I expressed myself vaquely. Here is a perfect example of what I want to achieve. Ideally, this navi should hide before the scroll is at the top. So, for example, the Trigger to hide the animation while scrolling up would be the "first" section.

Hello friends! I'm working on navi to my project. I wish it would hide when scrolling down, and show when scrolling up. I was able to achieve this effect using ScrollTrigger butI I'd like to add one more thing to my code, wchich is: Adding a background color to 'nav' element (when scrolling top). I wish it it wasn't visible to the user., and that menu start and ends its animation after the 'first' section. So it should hide and "secretaly change background" if user scrolls up and comes across a section called 'first' Do you have any tips? Thank u! I hope I made myself clear...

It just works great. Thanks friends! ?

Please take a look of this example. It's fine now? https://codepen.io/GGQa/pen/ExmBzyX

@nicofonseca thanks for tips. Have you any idea how to make h1 parallax effect based on scroll using ScrollTrigger?

As promised, I'm coming back with a working example: https://codepen.io/GGQa/pen/ExmBzyX Thank u all for help! What do you think about this soultion?

Thank you @nicofonseca. Actually trigger: image[0] working good. But the answer @akapowl this is propably something I was looking for. I can't wait to test it. Thanks for your help and I'll come back with working exaple. ?

Sorry, I forgot to remove this. https://codepen.io/GGQa/pen/ExmBzyX

Hi @GreenSock. Thanks for the answer. My demo below, As u can see in my project, nothing happens with picture when u scroll. It has "Opacity: 0" all the time when I'm close to the element. https://codepen.io/GGQa/pen/ExmBzyX