javascript - jquery 滚动条无法正常工作

Question

我正在尝试构建一个包含内联 block 元素的自定义滚动条。滚动条中始终会有多行和多列的项目。所需的效果是让所有当前可见的项目一致向左/向右滚动。

目前，我得到了一个奇怪的结果，正如您在这个 fiddle 中看到的那样。

http://jsfiddle.net/GR9ZR/2/

当前动画:

if(direction == 'left'){
    item.animate({'left': -(item.position().left)});
} else {
    item.animate({'right': -(item.position().left)});
}

Answer 1

尝试向动画函数添加单位(例如，px)，如下所示

if(direction == 'left'){
 item.animate({'left': -(item.position().left) +'px'});
} else {
  item.animate({'right': -(item.position().left) + 'px'});
}

left 属性仅返回一个数字。您可能需要单位来发生实际的动画。