CottageLabs/cl

Nav bar transition to fixed position during scrolling jerky

Closed this issue · 3 comments

The nav bar on the front page (and all other pages), which is beneath the CL banner, and which transitions from being scrollable to being in fixed position as the banner, makes the transition in quite a jerky way. I think there are two problems with it:

  • it only transitions into a fixed position /after/ it has scrolled off the top of the page, so it sort of jumps back on
  • it goes from some large percentage of the full width of the page to 100% width

nav bar sizing when repositioning fixed

This is now broken in a different way :)

Now, when I scroll the page, after I've scrolled a small way (and I'm willing to bet it's after I've scrolled the intended height of the top-strap), the black navigation bar jumps from under the cottage to being in fixed position at the top of the page.

I only saw this once, after I updated the last css changes, but had not refreshed my browser, it did something like you describe. Now it is fine on mine (chrome and firefox). Is it a permanent problem on yours or can you get rid of it after clearing your cache?