javascript - 在 jquery/javascript 中单击时将项目移动到轮播的中间

Question

我做了一个运行良好的轮播，但现在我想让我点击的项目移动到轮播的中间，即轮播应该移动直到我点击的项目居中。

在这里查看我的工作：http: //jsfiddle.net/HkTks/6/

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

非常感谢

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);

})