JavaScript/jQuery中的平滑滑动动画和转换

Smooth sliding animation and transition in JavaScript/jQuery

本文关键字:动画 转换 平滑 jQuery JavaScript      更新时间:2023-09-26

我试图设置动画或缓解如下图所示的左侧触发的增量滚动,但很难找到平滑过渡的问题。任何帮助都将不胜感激,谢谢

function scrollRight() {
i = (i + 1) % elements.length;
jQuery(slider).parent().animate({
  scrollLeft: (width) + 'px'
}, options.hasOwnProperty('speed') ? options.speed : 1000, function() {
  obj.find('li:first-child').appendTo(jQuery(slider).parent().scrollLeft(0).find(slider));
  if (!pause)
    timeout = setTimeout(scrollRight, options.hasOwnProperty('interval') ? options.interval : 2000);
});

}

http://jsfiddle.net/rshr0Lv5/

删除css 中的max-width: 340px;