search

breadadams / scroller-motion

🛹 Elegant motion scrolling for React
https://scroller-motion.js.org
MIT License
67 stars 5 forks source link

Sticky Navbar or Footer #41

Open Redoxahmii opened 1 year ago

Redoxahmii commented 1 year ago

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.

Redoxahmii commented 1 year ago

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

breadadams commented 1 year ago

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 😅.