Discussion:
I am looking to get some input on scroll animations related to viewport height. I have a 3x3 grid layout with pictures in each grid. The viewport height is set to 300 vh so each row would essentially fill a whole viewport.
What are you trying to achieve:
I have the second row scroll animation set to move so they pictures would move in from the sides of the screen. Even though I have both the section set to 300 vh and each row set to 100vh min size, this section behaves very differently depending on the size of the screen.
You can see here that the image on the right is not yet close to the middle image which is set as sticky.
Here is the same scroll effect with the screen size set much wider and you can see the image on the right has already fully reached its move interaction.
I could only post a single image so these two screenshots are together.
Could anyone point me in the right direction what setting I may be missing. If everything is relative to the viewport height I would have thought it would behave the same.