JavaScript/jQuery中的平滑滑动动画和转换
Smooth sliding animation and transition in JavaScript/jQuery
我试图设置动画或缓解如下图所示的左侧触发的增量滚动,但很难找到平滑过渡的问题。任何帮助都将不胜感激,谢谢
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;
相关文章:
- -webkit转换在JavaScript旋转动画中不起作用(没有JQuery)
- 选项卡式元素上的动画CSS转换
- Raphael JS中的动画字体大小是否有流畅的转换可能性
- 使用动画将toggleClass('hidden')转换为.thoggle()
- 将画布动画转换为requestAnimationFrame将创建无限循环
- Angular JS具有在状态转换期间可见的来自两个不同状态的页面(用于动画目的)
- CSS不透明度转换;在动画过程中不考虑覆盖不透明度
- javascript函数和HTML中的文本转换/动画onclick
- jQuery SVG插件转换动画错误
- 将YouTube/Vimeo视频转换为无声的动画图像(想想哈利波特中的“动态图片”)
- 将 jQuery 递归动画转换为 requestAnimationFrame
- 如何将动画例程转换为通用的、可重用的 jQuery 函数
- “转换”文本框到带有滑动动画的文本区域
- 将 css 动画转换为 jquery
- 将 css3 动画转换为画布动画的任何方法
- 在图表 svg 条形图上的值之间设置动画转换
- 禁用 CSS/JavaScript 动画(转换:Translate3D)
- 我可以在无容器淘汰元素中使用动画转换绑定吗?
- 如何在服务器端将javascript动画转换为视频
- 将jquery动画转换为CSS3