我尝试过不同的垂直旋转木马和jquery Cycle似乎是唯一适用于所有浏览器的解决方案。我想创建一个在每次转换结束时不会暂停的垂直轮播。 jquery Cycle的文档并不广泛。如何设置轮播,以便最后没有过渡。没有工作,我已经尽力了。
的jsfiddle http://jsfiddle.net/Xxahy/24/
JS代码......
$(document).ready(function() {
$('.cycle-streams').cycle({
fx: 'scrollVert',
continuous: 1,
speed: 3000,
delay: 0,
easing: 0
});
});
HTML code ...
<div class="cycle-streams">
<div class="item">
<div class="span12">
stream 1
</div>
<div class="span12">
stream 2
</div>
<div class="span12">
stream 3
</div>
<div class="span12">
stream 4
</div>
<div class="span12">
stream 5
</div>
</div>
<div class="item">
<div class="span12">
stream 6
</div>
<div class="span12">
stream 7
</div>
<div class="span12">
stream 8
</div>
<div class="span12">
stream 9
</div>
<div class="span12">
stream 10
</div>
</div>
<div class="item">
<div class="span12">
stream 11
</div>
<div class="span12">
stream 12
</div>
<div class="span12">
stream 13
</div>
<div class="span12">
stream 14
</div>
<div class="span12">
stream 15
</div>
</div>
</div>
答案 0 :(得分:1)
$(document).ready(function() {
$('.cycle-streams').cycle({
fx: 'scrollVert',
continuous: 1,
speed: 3000,
delay: 0,
easing: 'linear' // this is the correct setting
});
});