使用jquery animate（）scrollLeft将轮播项目滚动到轮播中间

Question

我到处都看，但我找不到合适的答案（也许我错过了）。在我的旋转木马中，当点击一个项目时，它应该通过滑动移动到旋转木马的中间。我正在使用animate({scrollLeft: value }, speed);，但它没有做任何动画，但如果我做scrollTop它可以工作（通过调整css当然......）。 为什么scrollTop: value无效，scrollLeft: value无效，animate()？

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

非常感谢

Answer 1

它不起作用，因为没有滚动要做，你的容器和所有元素一样宽。只有存在滚动条（浏览器会添加一些）时才可以滚动

如果只想移动一个元素，你可以尝试根据它们的左边位置设置它们的动画。

animate({left: value}, speed);