jQuery Animate(ScrollLeft)忽略时间参数

jQuery Animate(ScrollLeft) ignores time parameter

本文关键字:时间 参数 Animate ScrollLeft jQuery      更新时间:2023-09-26

好了,伙计们,我不明白了:

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

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

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

正如@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');
});