Jquery Animate ScrollLeft无法在ipad上运行
所以即时开发这个网站它完美适用于PC和Mac但在ipad上我有导航问题。
http://remedia-solutions.com/clientes/0039_kiplingmexico/demo2/
此代码将html，body移动到另一个部分。 它在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; } }); 有任何想法吗？
我只通过一次动画来解决它而不是同时工作:)
$('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');
您是否在加载JavaScript之前明确设置移动元素的CSS属性？ 此外，当动画左，上等时，你可以做左：350。没有必要用px封装引号。