Controlling Scroll Speed for Header 141 Images in Webflow

Share

Hi there. I'm using the Header 141 component on a site which is an uncommon component that uses different scroll speeds for the 3 images in the header. I'm curious how you control the speed that those images move when you're scrolling the page. I thought they would just have "while scrolling" animations on the divs but that doesn't seem to be the case. Any idea on how I can customize it? Here is my read only link: https://preview.webflow.com/preview/walburn?utm_medium=preview_link&utm_source=designe[…]n&preview=e3ea069fcb9cc9ba4d389f1138076ecf&workflow=preview

· Sorted by Oldest

Matt J.
·
·
Quinn B. so its a "while scroll into view" on the section div and its calculated based on the total height of the section - so if you move those keyframes around and adjust their positions as well, you may see different results. The boundaries and the smoothing will also contribute to the overall perception of the animation.
Loading attachments
Quinn B.
·
·
aha! My bad... I was just looking in the wrong place. Thanks for point that out.
Matt J.
·
·
Quinn B. no problem!

Matt J.
·
·
Quinn B. so its a "while scroll into view" on the section div and its calculated based on the total height of the section - so if you move those keyframes around and adjust their positions as well, you may see different results. The boundaries and the smoothing will also contribute to the overall perception of the animation.
Loading attachments
Quinn B.
·
·
aha! My bad... I was just looking in the wrong place. Thanks for point that out.
Matt J.
·
·
Quinn B. no problem!