IE和FF中的Jquery动画scrollLeft错误

Posted

技术标签:

【中文标题】IE和FF中的Jquery动画scrollLeft错误【英文标题】:Jquery animate scrollLeft bug in IE and FF 【发布时间】:2011-08-05 12:46:25 【问题描述】:

我尝试为水平滚动设置动画,但在 IE 和 FF 中出现了一个小错误,当单击滚动时,“flash”看起来像以前的 div 的幽灵。很难用语言解释,见http://amplabusca.org/teste2/ementa.php中的例子

为什么会这样?

【问题讨论】:

【参考方案1】:

将您的点击事件更改为 $('#next').click(function (event) event.preventDefault(); // Your code... ); 之类的内容,以防止“移动到锚点”标准行为。

$('#next').click(function(event) 
    event.preventDefault();
    margin +=width;
    $('html, body').stop().animate(scrollLeft:"+="+500,1000);
    $("#prev a").css('visibility','visible');
);

【讨论】:

以上是关于IE和FF中的Jquery动画scrollLeft错误的主要内容,如果未能解决你的问题,请参考以下文章

在 FF 和 Chrome(但不是 Safari)中单击几次后,jQuery animate scrollLeft 停止工作

使用动画链(jQuery)在 Ipad 上的 ScrollLeft 和 ScrollTop

Chrome, Safari 中的 JQuery .animate() != FF, IE, Opera

如何始终使用 IE 和 FF 让 jQuery 以编程方式在此选择列表中的项目?

水平 scrollLeft 在 IE 和 Edge 上不起作用?

使用 jquery animate() 链接位置动画