首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >挠性滑块,在最后一张幻灯片后禁用鼠标轮

挠性滑块,在最后一张幻灯片后禁用鼠标轮
EN

Stack Overflow用户
提问于 2014-06-29 08:11:44
回答 2查看 2K关注 0票数 0

我目前正在使用鼠标轮从一个幻灯片滑到另一个幻灯片。我的滑块是全屏的,所以你不能滚动通过它。这很好,但我想禁用滑块的鼠标轮功能,以便在最后一张幻灯片上,他们可以自由滚动,或者通过它,或者回到它上面。我目前有以下情况:

代码语言:javascript
复制
 $('#main_slider .flexslider').flexslider({
      animation: "fade",
      animationSpeed: 650,
      move: 1,
      controlNav: false,
      directionNav: false,
      mousewheel: false,  
      animationLoop: false,
      start: function(slider){
        $('body').removeClass('loading');
      },
      before: function(slider){

        //console.log(slider)

        //  Determine which slide we're moving to
          // slidingTo = slider.animatingTo;
          //console.log('sliding to: '+slidingTo);

          $('.flexslider .slides > li').removeClass('hovered');
      },
      after: function(slider){

        $('.flex-active-slide').addClass('hovered');
        //console.log('triggered mouse');
        if (slider.currentSlide == 1) { // TO SEE IF THE CURRENT SLIDE IS 2 TEST...
          $('.flex-active-slide.hovered').css('background','blue')
        }
        if (slider.currentSlide == 2) { // TO SEE IF THE CURRENT SLIDE IS 3 TEST...
          $('.flex-active-slide.hovered').css('background','red')
        }

      },
      end: function(){

        slider.pause();

        WHAT GOES HERE TO DISABLE THE FLEX SLIDER MOUSE-WHEEL FUNCTION??

      }
    });
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-06-29 23:19:13

这最终起了作用(在结束函数中)

代码语言:javascript
复制
$('#main_slider .flexslider').unmousewheel();
票数 0
EN

Stack Overflow用户

发布于 2014-11-19 23:44:11

谢谢,我可以关闭鼠标轮滚动在我的水平滑块!!

代码语言:javascript
复制
   }
    // MOUSEWHEEL:
    if (vars.mousewheel) {
      slider.bind('**unmousewheel**', function(event, delta, deltaX, deltaY) {
        event.preventDefault();
        var target = (delta < 0) ? slider.getTarget('next') : slider.getTarget('prev');
        slider.flexAnimate(target, vars.pauseOnAction);
      });
    }

    // PAUSEPLAY
    if (vars.pausePlay) methods.pausePlay.setup();
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/24474297

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档