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
Post a Comment