Welcome to WebmasterWorld Guest from 3.92.28.84

Forum Moderators: open

Message Too Old, No Replies

Chrome fixed navbar

Issue with fixed navbars not staying fixed in Chrome

     
3:05 pm on Nov 21, 2014 (gmt 0)

Junior Member

5+ Year Member

joined:June 6, 2012
posts: 104
votes: 0


I wanted to throw this out there to see if anybody else is experiencing this issue in Google Chrome.

I'm developing a site that has a fixed navbar using the css below:

.navbar {
top: 0;
position: fixed;
right: 0;
left: 0;
z-index: 1030;
margin-bottom: 0;
}

Suddenly it seemed out of nowhere the navbar would not remain fixed at the top. When I scrolled up the content would display overtop of my navbar and then when I would scroll back down the navbar would actually scroll down with my content sometime duplicating it's self. It almost seemed like it was a quirky display issue. No issues with Firefox or IE.

I checked a few other sites with fixed navbars and noticed the same issue.

I was able to fix this by adding the following to my .navbar: -webkit-transform: translateZ(0);

Has anybody else experienced this issue?

Thanks
-Brandon
8:44 pm on Mar 13, 2015 (gmt 0)

Junior Member from US 

5+ Year Member

joined:Oct 11, 2011
posts: 145
votes: 3


Yup keeps happening to me. Nav bar just goes away. Have to clear history & restart Chrome to get it back