javascript - 创建没有缓动效果的垂直轮播

Question

我尝试过不同的垂直轮播，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 代码...

<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>

Answer 1

$(document).ready(function() {
    $('.cycle-streams').cycle({
        fx: 'scrollVert',
        continuous: 1,
        speed: 3000,
        delay: 0,
        easing: 'linear' // this is the correct setting
    });
});​