所以我正在开发这个网站,它在 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');
关于Jquery Animate ScrollLeft 在 iPad 上不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11995642/