Streaming live at 10am (PST)

How to change element Position on Scroll into view?

Hi there!

Is there any way to change custom CSS properties like Position with Scroll into view trigger?

I need to change my navbar Position from Static to Fixed when the Hero section scrolled out of view and back to Static when the Hero section scrolled back into view.

For now, I have two navbars. First .navbar-top — position:static, display:block. Second .navbar — position:fixed, display:none. When the hero section scrolled out of view, .navbar Display is changing to Block. But I do not want two navbar sets, is there any way to do it?