Javascript 使用jquery anmate()向左滚动将旋转木马项目滚动到旋转木马的中间

Javascript 使用jquery anmate()向左滚动将旋转木马项目滚动到旋转木马的中间,javascript,jquery,css,Javascript,Jquery,Css,我到处都找过了,但找不到合适的答案,也许我错过了。在我的旋转木马中,单击一个项目时,它应该通过滑动移动到旋转木马的中间。我使用动画{scrollLeft:value},速度;但是它不做任何动画,但是如果我做scrollTop,它当然是通过调整css来工作的。。。。 为什么在动画中scrollTop:value起作用而scrollLeft:value不起作用 请检查我的JSFIDLE: 非常感谢它不起作用,因为不需要进行滚动,您的容器的宽度与所有元素的宽度一样大。只有在有滚动条的情况下,浏览器才能

我到处都找过了,但找不到合适的答案,也许我错过了。在我的旋转木马中,单击一个项目时,它应该通过滑动移动到旋转木马的中间。我使用动画{scrollLeft:value},速度;但是它不做任何动画,但是如果我做scrollTop,它当然是通过调整css来工作的。。。。 为什么在动画中scrollTop:value起作用而scrollLeft:value不起作用

请检查我的JSFIDLE:


非常感谢

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

如果只想移动元素,可以尝试根据元素的左位置设置其动画

animate({left: value}, speed);

你的JSFIDLE似乎什么都没做……我想这就是问题所在@JonYes我知道@Jon,这就是问题所在。我只想移动,例如,最后一个框到旋转木马的中间,当它被点击时。我不想包括整个编码,因为它太大了。我只拍了一小段,最重要的一段。是不是浮动:左;关于李元素?我想您会发现display:inline而不是float将释放元素以定位到左/右。啊,好的。@gillesc的回答是正确的,他说目前没有滚动操作。@gillsec:但有时会单击第一个项目,它必须移动到中心。基本上,任何单击的项目都会移动到旋转木马的中心,无论是第一个、第二个、第五个还是最后一个项目。如果要确保它们位于当前中间位置的顶部,只需添加z索引处理。应该把你的目标指向正确的方向谢谢你的努力@gillsec:但是我想要一个旋转木马,所以整个事情应该滚动,而不仅仅是每个项目。因此,当单击一个项目时,整个旋转木马移动,直到单击的项目位于中间。我希望这是明确的这一次…动画他们所有,而不是仅仅一个,计算偏移中心点击一个,并使用它来移动另一个也相应。