Desktop mac Safari 7 elements flicker while animating height

So, im getting this annoying problem, and here is the case: I have 4 divs with fixed position atop of each other, one with 100% height and width, but the other 3 are height = 0, because im using the scroll position to give them the height of the screen to cause a kind of filter effect. Im using jQuery .height() to add height value.

Everything ok so far, it works in IE9,10, Firefox & Chrome (both mac and windows), Windows safari, but when i test on my macbook (Mavericks) with safari 7 the div element flickers up and down (background, text elements, images and so on) when i start to scroll and get the height effect.

Check it out:

Please, help me, im cracking my head on this problem :/


Need Your Help

Met HTTP Error 400: Bad Request when using mechanize in python

python cookies mechanize bad-request cookiejar

I met a problem when I using mechanize in Python, look my codes first:

How to pass paramaters like unix into windows batch file

validation batch-file parameters cmd

I need pass various parameters into a .cmd file with unix format

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.