【问题标题】:Mouse scroll to next slide鼠标滚动到下一张幻灯片
【发布时间】:2014-04-27 10:46:40
【问题描述】:

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

我正在特别尝试Jssor grid slider

【问题讨论】:

    标签: jquery jssor


    【解决方案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;
    });
    

    【讨论】:

    • 是的,检测鼠标滚动然后调用jssor滑块api(jssor_slider1.$Next or jssor_slider1.$Prev)
    • 感谢您的回答。然而,鼠标滚动激活下一张/上一张幻灯片仅在滚动条存在时才有效,即在几次滚动之后,当滚动条到达底部时,我无法再滚动到下一张幻灯片。有没有办法克服这个问题?顺便说一句,我的幻灯片垂直滚动,我已经测试了无法滚动的行为在 Chrome、IE 和 Firefox 上是一致的......谢谢
    • 我认为你最好使用图书馆,看看这个plugin
    • 这样你就可以做到这一点:$('#swipe').bind('swipeup', $Prev); :)
    • 您将检测并处理鼠标滚轮事件。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-04-11
    • 1970-01-01
    • 2017-09-27
    • 1970-01-01
    • 2015-11-20
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多