I have done some testing and from what I can see there is a bug in mobile Safari on ios6.
When adding overflow:hidden
on the body
tag and moving an element out of the body using transform:translateX(100%);
It creates an extra scrollable space for that element.
On all desktop browsers it is "hidden".
Here is a demo: http://jsfiddle.net/mUB5d/1 . Open that in Mobile safari and you will see what is wrong.
Could anyone take a look at safari 6 on Mac OS to see if the bug is present there too? Does anybody know of any workaround besides creating another parent around my element?
Thanks for your feedback!
See Question&Answers more detail:os