Scroll down to change navbar, scroll up to change it back.

[egonsung]

A basic way to change the style of the top navbar as you scroll up and down. Example

Wondering if there is a built-in way to do it in Reflex. If not, what other options do I have?

Thanks a bunch.

[adhami3310]

You can embed a JS script to do this but it's not idiomatic.

[picklelo]

You can try to use this component: https://github.com/masenf/reflex-intersection-observer

It can trigger an event handler once a component scrolls into view

[egonsung]

You can try to use this component: https://github.com/masenf/reflex-intersection-observer

It can trigger an event handler once a component scrolls into view

This works well, thank you.

[egonsung]

You can try to use this component: https://github.com/masenf/reflex-intersection-observer

It can trigger an event handler once a component scrolls into view

This has stopped working in the new reflex update. Any idea how it can be fixed, or any alternatives? Thank you.

[Lendemor]

You can try to use this component: https://github.com/masenf/reflex-intersection-observer It can trigger an event handler once a component scrolls into view

This has stopped working in the new reflex update. Any idea how it can be fixed, or any alternatives? Thank you.

We're going to publish 0.0.5 of reflex-intersection-observer Can you try and see if it resolve your issue? If it doesn't, please provide more details on your usecase.

[egonsung]

You can try to use this component: https://github.com/masenf/reflex-intersection-observer It can trigger an event handler once a component scrolls into view

This has stopped working in the new reflex update. Any idea how it can be fixed, or any alternatives? Thank you.

We're going to publish 0.0.5 of reflex-intersection-observer Can you try and see if it resolve your issue? If it doesn't, please provide more details on your usecase.

We've changed the layout and no longer use this feature. Sorry about that, will let you know if we decide to use this again. Thank you.