javascript - 使用 jquery anmate() scrollLeft 将轮播项目滚动到轮播的中间

Question

我到处寻找，但找不到正确的答案（也许我错过了）。在我的轮播中，当一个项目被点击时，它应该通过滑动移动到轮播的中间。我正在使用animate({scrollLeft: value }, speed);，但它不做任何动画，但如果我这样做scrollTop的话（当然是通过调整 css ......）。为什么scrollTop: value工作和scrollLeft: value不工作，在animate()？

请检查我的 jsFiddle：http: //jsfiddle.net/rKAHV/

非常感谢

Answer 1

它不起作用，因为不需要滚动，您的容器与所有元素一样宽。只有在有滚动条的情况下才能滚动（浏览器会添加一些）

如果打算只移动一个元素，您可以尝试根据它们的左侧位置为它们设置动画。

animate({left: value}, speed);