在jquery / javascript中单击时将项目移动到旋转木马的中间

Question

我制作了一个工作正常的旋转木马，但现在我想让我点击的项目移动到旋转木马的中间，即旋转木马应移动直到我点击的项目居中于中间。

到目前为止查看我的工作：http://jsfiddle.net/HkTks/6/

我正在使用animate()但不知道我是否应该使用left，marginLeft或scrollLeft属性。我真的被困住，因为我不知道要做什么逻辑，我甚至不知道从哪里开始。请给我一些启示。

非常感谢

Answer 1

之前我做过类似的事情，这很挑剔，但这只是一些金额。 没时间在你的代码中测试它。

  

$（'。iconsList li'）。click（function（）{

     

//接下来的两行应该是一行

     

var newLeftPos = 0 - （（$（this）.width（）+ $（this）.css（'margin-right'））*（$（this）.index + 1））+（$（this ）.parents（'。iconsList'）。width（）/ 2）;

     

$（'。iconsList li'）。animate（{'left'，newLeftPos +'px'}，400）;

     

}）