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
