Jquery Animate ScrollLeft在ipad上不起作用
所以,我正在开发这个网站,它在pc和mac上运行得非常好,但在ipad上,我在导航方面遇到了问题 这段代码将html主体移动到另一个部分。它可以在pc和mac上完美工作。但是当我在ipad上的时候,它就是不工作 在本例中,它移动到索引部分Jquery Animate ScrollLeft在ipad上不起作用,jquery,html,css,ipad,ipad-2,Jquery,Html,Css,Ipad,Ipad 2,所以,我正在开发这个网站,它在pc和mac上运行得非常好,但在ipad上,我在导航方面遇到了问题 这段代码将html主体移动到另一个部分。它可以在pc和mac上完美工作。但是当我在ipad上的时候,它就是不工作 在本例中,它移动到索引部分 $("#ini").click(function() { if($("#todolocal").css("left") == '0px'){ $("#todolocal").animate({left: '3500px
$("#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;
}
});
有什么想法吗?在加载JavaScript之前,您是否明确设置了moving elements left CSS属性?此外,当动画左,顶部等,你可以只做左:350。没有必要用px用引号括起来。我通过一次只制作一次动画来解决这个问题,而不是在同一时间,而且效果很好:)
$('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');