jQuery Animate(ScrollLeft)忽略时间参数

时间:2013-04-17 10:12:42

标签: javascript jquery jquery-animate

好的家伙我无法绕过它:

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

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

我希望你可以帮助我...哦和是active.width()是一个数字,因为它不会滑动并抛出错误而不是

1 个答案:

答案 0 :(得分: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');
});

Output Jsbin Demo检查一下,看看这是否有帮助。