我正在尝试查看以下是否可行:
我希望能够连续循环一个元素中的单个 div [因此 div 的开始是在循环时同一个 div 的末尾。]
这不一定是现有的插件。如果可能的话,我宁愿不克隆 div。 div 的宽度将在循环之前通过 javascript 设置,但可能会进行少量调整。
如果有任何想法,我将不胜感激!
最佳答案
jsBin demo
jQuery:
$('.scroller').each(function(){
$(this).find('img').clone().appendTo($(this));
});
(function move(){
$('.scroller').scrollLeft(0).stop().animate({scrollLeft:310},800,'linear',move);
})();
HTML:
<div class="scroller">
<img src="" alt="" />
</div>
CSS:
.scroller{
width:310px;
height:80px;
white-space:nowrap;
word-spacing:-1em;
overflow:hidden;
margin:30px;
}
.scroller img{
display:inline;
}
它只会制造一次克隆。我的 jQuery 脚本将创建一个循环,该循环将仅使用 scrollLeft()
元素属性。
注意:这只是一个简单的示例,您可以动态计算 310px
,但那是另一回事了,让我们保持简单。
关于javascript - 如何使用 jQuery 循环元素中的单个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12200484/