Wednesday, 15 February 2012

html - Chrome rendering issue with fixed element and overflow hidden -


I have a fixed horizontal menu that works well on Firefox, but by presenting a problem in some instances of Chrome Used to be. When the user includes a white block scroll down menu

see white blocks on the bottom right

You can see the problem here:

We have inspected the elements but it does not show anything in the code and looks like a rendering problem.

We have seen that when we erase the overflow of element: hidden solves the problem, but we need this property to toggle the menu.

It is only in some computers and even then, a computer which was sung properly, there was a presentation problem on the projection screen.

The definite element was to screw the rendering of the webkit in some way, so I changed the element to position: Absolute and update the top value on the scroll event, so it looks exactly like this. It's not beautiful, but it works.


No comments:

Post a Comment