jquery 滚动条无法正常工作答案

【问题标题】：jquery scroller not working properlyjquery 滚动条无法正常工作
【发布时间】：2013-08-19 13:58:21
【问题描述】：

我正在尝试构建一个包含 inline-block 元素的自定义滚动条。滚动条中总是会有多行多列的项目。想要的效果是让所有当前可见的项目一致地向左/向右滚动。

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

当前动画：

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

【问题讨论】：

我在 js fiddle 上看到了演示。您是否正在尝试使用任务项目构建每周或每月的日历？
这将是一个月历。
如果您不想使用自己的插件，这可能会有所帮助：arshaw.com/fullcalendar
日历不是我需要帮助实施的。我正在尝试实现一个简单的滚动条。我不能使用现成的一个，因为我有其他任何一个都没有的附加功能。

标签： javascript jquery scroller

【解决方案1】：

尝试像这样向动画函数添加单位（例如，px）

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

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

【讨论】：

这仍然没有提供我想要实现的类似旋转木马的动画。此外，第一个屏幕上未显示的项目会暂时出现在底部，并且无法正确滚动到视图中。