Jquery Animate ScrollLeft不适用于ipad

Question

因此，即时通讯开发这个网站，它完美的PC和Mac上，但在iPad上有问题的导航。

http://remedia-solutions.com/clientes/0039_kiplingmexico/demo2/

此代码的HTML，身体移动到另一部分。它完美的PC和MAC。但是，当我在iPad上，它只是不工作。

在这种情况下，它移动到索引部分。

$("#ini").click(function() { 
     if($("#todolocal").css("left") == '0px'){ 
      $("#todolocal").animate({left: '3500px'}, 1000,'easeInOutQuad',function(){ 
      $("#todolocal").css('left', '-2500px') 
      $('html,body').stop(true,false).animate({ 
       scrollLeft: $("#todoini").offset().left , 
       scrollTop: 0}, 650); 
     $('#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'); 
       return false; 
     }); 
     } 
     if($("#todobolsas").css("left") == '0px'){ 
      $("#todobolsas").animate({left: '3500px'}, 1000,'easeInOutQuad',function(){ 
      $("#todobolsas").css('left', '-2500px') 
      $('html,body').stop(true,false).animate({ 
       scrollLeft: $("#todoini").offset().left , 
       scrollTop: 0}, 650); 
     $('#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'); 
       return false; 
     }); 
     } 
     else{ 
     $('html,body').stop(true,false).animate({ 
       scrollLeft: $("#todoini").offset().left , 
       scrollTop: 0}, 650); 
     $('#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'); 
       return false; 
      } 
    }); 

任何想法？

Answer 1

我通过在同一时间在同一时间只有动画一次解决它和它的工作:)

$('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'); 

Answer 2

您是否在加载JavaScript之前明确地设置了移动元素左侧的CSS属性？此外，当动画左，顶部等，你可以做左：350.没有必要封装在与PX引号。