Position fixed not working on Windows Safari

windows safari position fixed
Mladen Janjetovic picture Mladen Janjetovic · Mar 4, 2014 · Viewed 20.3k times · Source

I had a problem with gallery that is position:fixed; and the site content is scrolling over it. That position fixed worked in every single browser except in Safari on Windows 7 (yes it worked even in IE8, and Safari on Mac).

Top is defined, but yet it still act as a position relative and scroll down with the rest of the content.

Answer

Mladen Janjetovic picture Mladen Janjetovic · Mar 4, 2014

The solution was to define the z-index on that position:fixed; element. For some reason only on Windows Safari position:fixed; didn't work until any z-index was defined.

Later, I discover that this bug is probably caused by -webkit-transform property that some of the fixed elements on page have.

Also, I found that setting this on that fixed element could help:

-webkit-transform: translateZ(0);

Related questions

Accessing iOS Safari Web Inspector from Windows Machine

New iOS 6 Safari comes with Web Inspector feature which allows to connect to it from your desktop Safari via USB cable. It then allows you to debug pages opened in iOS Safari from your desktop. But as far as I …

Read More
Debugging javascript in Safari for Windows

Is there a way to debug javascript using Safari 3.2 in Windows Vista? I found a link to a debugger named Drosera but I can't get it to work because the information seams to be outdated.

Read More
When viewing an Applet, why does Safari for Windows display "Java is Unavailable or Not Installed" when Java is installed and available?

When using Safari on Windows 7 to load any page containing any Java applet, the following alert appears: "Java is Unavailable or Not Installed. Do you want to go to a page where you can download java?" This message is incorrect. …

Read More