Emma S.

and this:

 
// Define different start and end values based on breakpoints for mobile and desktop
  let startValue = isMobile() ? "top 70%" : (isDesktop() ? "top 40%" : "top center"); // Adjusted for desktop
  let endValue = isMobile() ? "bottom 30%" : (isDesktop() ? "bottom 20%" : "bottom center"); // Adjusted for desktop

Hi again, Matt J.. Women from the Floxies Community (of Women who Webflow) helped me understand how to get this animation looking the way I want. One of reasons it wasn't working as I wanted is because the code that speaks to the desktop breakpoint is missing. There are two pieces missing. This:

// Function to check if the viewport width is 1024px or more (Desktop)
  function isDesktop() {
    return window.innerWidth >= 1024;
  }

Hi Matt J., I'm trying to adjust where on the screen the script is highlighted as I scroll down it. https://portfolio-sottardi.webflow.io/olapay Like, is the percentage how close or far away from the top/bottom it begins/ends?

Hi Matt J., I'm glad to hear that some instructions will come with this component. Can you also please include info related to the trigger? This code references 'startValue', 'endValue' and 'scrub' but what the heck is that?

scrollTrigger: { trigger: ".section_layout484", // Trigger animation when .section_layout484 reaches certain part of the viewport start: startValue, // End animation when .section_layout484 reaches certain part of the viewport end: endValue, // Smooth transition based on scroll position scrub: 2

Above that bit of code we see this code referencing the start and end values, but it seems, only for the mobile. (?)

// Define different start and end values for mobile devices let startValue = isMobile() ? "top 20%" : "top center"; let endValue = isMobile() ? "bottom 40%" : "bottom center";

I've been fiddling with these percentage values for a good half hour and I am not seeing what I want to see. (Is it when the .section_layout484 arrives to 20% away from the top of the screen? Adjusting these values doesn't seem to do anything.) Some instructions on how to adjust those settings (and what 'scrub' means) would be extremely helpful. Thank you.

Thanks Matt J., I appreciate the info.