Jquery Animate Scrollleft Doesnt Work On Ipad

So im developing this site it works perfectly on pc and mac but on ipad im having problems with the navigation. http://remedia-solutions.com/clientes/0039_kiplingmexico/demo2/ This

Solution 1:

I solve it by animating only once at a time not at the same time and it worked :)

$('html,body').stop(true,false).animate({
                scrollLeft: $("#todoini").offset().left}, 650,function(){
                    $(this).stop(true,false).animate({scrollTop:0})
                });
         $('#todoini').stop(true,false).animate({
                scrollTop: 0 }, 650);
                lugar= 0;
                window.location.hash = '';
                document.title="Kipling: Inicio";
                $("#ini").addClass('focusini');
                $("#hist").removeClass('focushist');
                $("#col").removeClass('focuscoleccion');
                $("#cuid").removeClass('focuscuidados');
                $("#suc").removeClass('focussucursales');
                $("#cont").removeClass('focuscontacto');

Solution 2:

Are you explicitly setting your moving elements left CSS property prior to the loading of your JavaScript? Also when animating left, top etc. you can just do left: 350. There's no need to encapsulate in quotes with the px.