jquery - 鼠标滚动到下一张幻灯片

Question

有没有办法让鼠标滚动(上下)来控制幻灯片，类似于键盘上的按键？

我正在尝试 Jssor grid slider特别是。

Answer 1

首先您需要detect the direction of scroll也许从这里您可以导航幻灯片放映的距离:

var lastScrollTop = 0;
$(window).scroll(function(event){
   var st = $(this).scrollTop();
   if (st > lastScrollTop){
       $Next() // next slide
   } else {
      $Prev() // prev slide
   }
   lastScrollTop = st;
});