Skip to content

Make StickyScrollUp sticks to the bottom of Sticky component feasible? #31

@trompx

Description

@trompx

Hello @garthenweb,

I tested your ibrary but couldn't do what I had in mind and I don't know if it supports this usecase.
I'd like to have a sticky header (same behavior that css sticky -> so your Sticky component) and have a secondary bar with StickyScrollUp component but which doesn't push the Sticky components to the bottom on scroll up but instead scroll until it sticks to the bottom of the currently active Sticky component (and if no Sticky component is on screen), scroll until it sticks to the top of the page.
Is that supported ?

I could have the behavior I want by only using a StickyScrollUp components and a css sticky header but I'd need to set a props so the StickyScrollUp component scroll untils it reaches the bottom of my header. We could maybe add a props to set the sticky distance from the top on scroll up.

Also I noticed that on the demo page, when you scroll enough to make the StickyScrollUp disappear, the first scroll event doesn't make the StickyScrollUp to appear but it appears only on the second scroll.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions