title: Issue facing when trying to fix the navigation bar at the top when user scrolls the page
body: <p>I am trying to fix the navigation bar at the top when user scrolls the page. But i am facing some problem with it. While doing so i found that some elements overlaps over it i.e it hides the navigation bar and displays itself over it.</p>
  
  <p>Say i have a nav bar of background-color blue and a div somewhere down with background color yellow. When i scroll down to that div it overlaps the nav and hide the blue color of nav bar and shows yellow color.. </p>
  
  <p>Any help regarding this would be very helpful.  </p>