jacob
jacob
PostsComments
KPCKevin Powell - Community
Created by jacob on 1/20/2024 in #front-end
Sticky Floating Navbar Disappearing
I want to create a floating sticky navbar for my website. The problem is that once I scroll past the full viewport, the navbar disappears. I am using react and panda-css. 
<nav className={css({
  display: "flex",
  alignItems: "center",
  justifyContent: "center",
  position: "sticky",
  top: "0"
})} />
<nav className={css({
  display: "flex",
  alignItems: "center",
  justifyContent: "center",
  position: "sticky",
  top: "0"
})} />
5 replies