Flexslider，在最后一张幻灯片之后/上禁用鼠标滚轮

Flexslider, Disable mousewheel after/on the last slide

本文关键字：之后 鼠标 幻灯片 一张 最后 Flexslider      更新时间：2023-09-26

我目前使用鼠标滚轮在幻灯片之间移动。滑块我有全屏，所以你不能滚动通过它。这很好，但是我想禁用弹性滑块的鼠标滚轮功能，以便在最后一张幻灯片上他们可以自由滚动，要么通过它，要么回到它上面。我目前有以下内容:

 $('#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??
      }
    });

这最终达到了目的(进入了end函数)

$('#main_slider .flexslider').unmousewheel();

谢谢，我能够关闭鼠标滚轮滚动在我的水平滑动条!!

   }
    // 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();
相关文章：