Tagged: scrolled sticky navigation
I am using a sticky nav, that will shrink up top when scrolled – When scrolling down, where do i control where the nav switches to the “scrolled” state? Unfortunately i have a layout that has the navigation pretty far down on the page, and when it scrolls a bit, it changes to the sticky, small state up top – leaving a big empty space between the nav and the page content. Ideally, the nav content would continue to scroll under the logo area – until the nav gets close, and then it would switch the “scrolled” state.
Thanks for any suggestions!- (i know this is not really good UX)
Open js/avia.js and look for this block of code:
if(st < 0) st = 0; if(shrinking && !isMobile)
Between those conditionals place
st -= 200;:
if(st < 0) st = 0; st -= 200; if(shrinking && !isMobile)
200 by the number you want to use as an additional space before starting the shrink.
You must be logged in to reply to this topic.