jquery - Position Fixed Problems -


i'm building interface mobile , desktop , have sidebar menu supposed have 100% of window height(not document height) , keep @ fixed position while scroll right area down , up.

on mac safari position:fixed; works ok, when scroll left one, , reaches end, scrolls page , lose it's fixed position. that's happens on mac safari.. in of other browsers position fixed ignored browser.

here: made video showing problem: http://youtu.be/oqqdynqdo6c

in video start mac safari , @ 0m44s change mac chrome. both last released version.. firefox, opera , windows browsers don't work too.

it supposed work of mobile apps, fixed sidebar scroll

i don't know anymore searched web lot nothing helpful.

i appreciate help. thanks!

you have block of css says

/**----- estilos -----**/ *{text-rendering: optimizelegibility; -webkit-text-rendering: optimizelegibility; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform: translatez(0); } 

removing

-webkit-transform: translatez(0); 

will allow page fix-position left menu appropriately in chrome, while removing

backface-visibility: hidden; 

will allow page fix-position left menu appropriately in firefox.


Comments

Popular posts from this blog

c# - Send Image in Json : 400 Bad request -

jquery - Fancybox - apply a function to several elements -

An easy way to program an Android keyboard layout app -