javascript - 使用 jquery animate() scrollLeft 将轮播元素滚动到轮播的中间

标签 javascript jquery css

我找遍了所有地方,但找不到合适的答案(也许我错过了)。在我的旋转木马中,当一个元素被点击时,它应该通过滑动移动到旋转木马的中间。我正在使用 animate({scrollLeft: value }, speed); 但它不执行任何动画,但是如果我执行 scrollTop 它会起作用(通过调整 css当然...)。 为什么在 animate()scrollTop: value 有效而 scrollLeft: value 无效?

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

非常感谢

最佳答案

它不起作用,因为没有滚动可以完成,您的容器与所有元素一样宽。只有有滚动条才能滚动(浏览器会添加一些)

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

animate({left: value}, speed);

关于javascript - 使用 jquery animate() scrollLeft 将轮播元素滚动到轮播的中间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10122599/

相关文章:

循环中的javascript promise或如何逐一调用函数

jquery - 如何在未定义数量的元素列表上设置位置

javascript - 为什么现在字符串模板比字符串连接更受欢迎?

javascript - 在node.js服务器上使用socket.io,不断发出数据或允许客户端计算给定的时间戳会更好吗?

javascript - JS/jQuery 检查元素是否可输入

javascript - jquery ajax中的日期问题

css - 如何设置 Angular Material Data Table 的单行样式?

javascript - 如何使用 JS 从多个 ID 元素中删除 CSS 类?

html - CSS 样式化看板 - 调整大小和重新定位 DIV 以适合内容

javascript - Angular2 动态模板或 ng-include