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

标签 javascript jquery css carousel

我制作了一个工作正常的旋转木马,但现在我想让我点击的元素移动到旋转木马的中间,即旋转木马应该移动直到我点击的元素在中间居中。

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

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

非常感谢

最佳答案

我之前做过类似的东西,比较挑剔,不过就是几笔而已。 不过没时间在您的代码中对其进行测试。

$('.iconsList li').click(function(){

// next two should be one line

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

$('.iconsList li').animate({'left', newLeftPos + 'px'},400);

})

关于javascript - 在 jquery/javascript 中单击时将元素移动到轮播的中间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10139677/

相关文章:

javascript - 循环 JS 函数直到满足 if or else 条件

javascript - 以编程方式单击 li 元素 JavaScript

javascript - 如何在数据可用时执行音频持续时间警报?

javascript - jQuery 获取每个元素的每个背景图像 URL 并将其包装在 href 中

javascript - HTML5 视频的高清控制

javascript - 根据其他选择框中的值添加选择框

for循环内的javascript添加

javascript - 当我点击它时如何隐藏div

html - 调整屏幕大小时,父 div 不包裹子 div

javascript - jQuery 表单提交事件根本不起作用