Change elements within sticky element only after scrolling

  • Resolved GiannaGruen

    (@giannagruen)


    8 years, 2 months ago

    Hi folks,

    I discovered your very useful Sticky Menu plugin and implemented it on this site, on the mobile version. The header nicely stays on top, but I would like to decrease the fontsize once scrolling started. If I select it via .element-is-sticky, it changes directly, but I want it to change only after scrolling. I found the class .sticky-element-active, which sounds promising, but doesn’t have the desired effect when scrolling down, but only when scrolling up again after scrolling down. Is there a way to achieve what I would like to do?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Senff – a11n

    (@senff)

    8 years, 2 months ago

    Hi, thanks for trying my plugin 🙂

    My plugin is mainly meant for making things sticky after you scroll a certain amount of pixels. In your case, your header is already sticky right on page load (since it’s already at the top), so it’s always sticky.

    So, in this case, there won’t be a way to do this, because there is never a point where the element goes from non-sticky to sticky.

Viewing 1 replies (of 1 total)

The topic ‘Change elements within sticky element only after scrolling’ is closed to new replies.