javascript - jQuery Animate(ScrollLeft) 忽略时间参数

Question

好吧，伙计们，我不能把头绕在它周围：

thumb.animate(
  {'scrollLeft': active.width()*3},
  'slow'
);

它按预期滚动，但"slow"被完全忽略，这意味着它在瞬间滚动而不是缓慢滚动。

我希望你能帮助我......哦，是active.width()的，是一个数字，因为它不会滑动并抛出错误，它不是

Answer 1

正如@soyuka 所建议的那样，您应该使用它来制作动画，left而不是scrollLeft通过隐藏图像来进行动画处理，overflow:hidden并且图像应该是绝对定位或相对定位。

html:

<p class='thumb'>Hello</p>

CSS：

p { 
  margin:10px;
  padding:5px;
  border:2px solid #666; 
  width:250px; 
  position:relative;  //<----required it could also be absolute
}

jQuery脚本：

$(function(){
   $(".thumb").animate({left : 200},'slow');
});

输出 Jsbin Demo看看它是否有帮助。