breadadams / scroller-motion

🛹 Elegant motion scrolling for React

Home Page:https://scroller-motion.js.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Sticky Navbar or Footer

Redoxahmii opened this issue · comments

The sticky elements do not seem to be working while using ScrollerMotion but if you remove that it starts working.
I was creating a scroll progress bar to sticky display on the bottom of the screen but with ScrollerMotion it does not seem to work whereas removing it makes it normal again and the positioning begins to work again.
Do tell if there is some workaround to this or if i am just not understanding something.

You have to define layouts and then define sticky elements outside the ScrollerMotion wrapper to make it work fyi.

You have to define layouts and then define sticky elements outside the ScrollerMotion wrapper to make it work fyi.

@Redoxahmii yep you can move them outside the ScrollerMotion wrapper (with a Portal works too).

This has been asked numerous times so probably about time I add a note in the docs 😅.