连续滚动自动收报机 - 避免跳跃?

时间:2011-09-26 08:47:50

标签: javascript mootools

我正试图让无限滚动的自动收报机类型工作顺利。 为了使它连续,我将删除第一个元素,并在它不在视野时将其替换为背面,但这会使容器元素在重新定位元素所花费的时间内略微跳跃。

见这里:http://jsfiddle.net/rFwfN/

到底有没有?是否有更好的方法使这个滚动元素连续? 我想克隆一组元素,所以有两个,所以使dom开关不那么频繁。

2 个答案:

答案 0 :(得分:0)

http://jsfiddle.net/rFwfN/6/

您需要在注射前重置位置:

var scrollone = function() {
  $('carousel').tween('left',[0, (60 *-1)]);
  $('carousel').setStyle('left', '0px').getFirst().inject($('carousel'));  
}

答案 1 :(得分:-1)

  $('carousel').getFirst().inject($('carousel')); 
  $('carousel').tween('left',[0, (60 *-1)]);

不确定如何处理mootools。补间必须在元素注入之前停止,并在注入完成后开始。