Fixed Navbar Bug

Fixed Navbar Bug
0

#1

Hi,

The fixed navbar on my website has a bug. When the user scrolls up and down with a mouse scroll wheel the height of the navbar will flicker slightly, and when the side panel is opened it will sometimes glitch as well. This bug seems to be unique to google chrome for me, it works fine in firefox.

http://www.knowwhatsup.net/

Has anyone seen anything like this before? Any idea why this is happening?

Thanks


#2

Probably REACT doing a re-render :smile:


#3

Hey! Try adding “-webkit-backface-visibility: hidden” to the .jumbotron class. It seems to fix your problem.


#4

:slight_smile: Thanks! Your company’s site looks great by the way.


#5

My pleasure! And thank you – it was something I cooked up about 2 years ago. Time for an overhaul, though :).


#6

Sort of unrelated, but arrowing up and down doesn’t work at all. Are you doing preventDefault() on keydown or something? From a personal perspective, this is the sort of thing that makes me back out of a site instantly.


#7

It is related - I blocked the up/down keys to prevent this bug only to learn that the mouse scroll causes it as well. Luckily Luan found a much better solution and I can unblock the arrows on my next deploy.