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引號。