连续骂人 - 避免跳跃?

发布于 2024-12-06 15:18:07 字数 261 浏览 0 评论 0原文

我正在尝试让无限滚动的股票类型的东西顺利工作。 为了使其连续,我将删除第一个元素,并在它离开视图后将其替换在后面,但这会使容器元素在重新定位元素所需的时间上跳跃一些。

请参阅此处: http://jsfiddle.net/rFwfN/

无论如何都有这个吗?有没有更好的方法使这个滚动元素连续? 我想到克隆这组元素,这样就有两个,这样就可以减少 dom 切换的频率。

I'm trying to get an infinite scrolling ticker type of thing working smoothly.
To make it continuous I am removing the first element and replacing it at the back once it is out of view, but this makes the container element jump a little in the amount of time it takes to reposition the element.

see here: http://jsfiddle.net/rFwfN/

is there anyway around this? is there a better way of making this scrolling element continuous?
I thought of cloning the set of elements so there are two, so making the dom switch less frequent.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

高速公鹿 2024-12-13 15:18:07

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

注入前需要重置位置:

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

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

You need to reset position before injecting:

var scrollone = function() {
  $('carousel').tween('left',[0, (60 *-1)]);
  $('carousel').setStyle('left', '0px').getFirst().inject($('carousel'));  
}
篱下浅笙歌 2024-12-13 15:18:07
  $('carousel').getFirst().inject($('carousel')); 
  $('carousel').tween('left',[0, (60 *-1)]);

不知道如何使用 mootools。 Tween 必须在元素注入之前停止,并在注入完成后开始。

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

Not sure how to do with mootools. Tween must stop before element injection and begin once injection is done.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文