Question

我在页面上使用了Swiper滑块。在我的页面上，我有两个滑块。我想要，当我使用向上滚动时-第一个滑块上升而第二个滑块下降。当我使用向下滚动时-第一个滑块向下，第二个滑块向上。

我写这个

https://288757.playcode.io https://playcode.io/288757?tabs=style.css&output 但这代码不好，因为在Mac上工作很奇怪，在Firefox上也不工作，并且因为我不使用mousewheel swiper parametr。

        $(window).bind('mousewheel', function(event){
            var width = $(document).width();

            if(width >= 769){
                if (event.originalEvent.wheelDelta > 0 || event.originalEvent.detail < 0) {
                    mySwiper1.slideNext(600);
                    mySwiper2.slidePrev(600);
                }
                else {
                    mySwiper1.slidePrev(600);
                    mySwiper2.slideNext(600);
                }
            }
        });

这是我的没有此代码的滑块 https://jsfiddle.net/gpkd83nr/2/

如何用鼠标滚轮同步两个滑块？谢谢！

Answer 1

您可以试试吗？

window.onwheel=function(e){
            var val=e.deltaY;
        if(val>0){
         mySwiper1.slideNext(600);
         mySwiper2.slidePrev(600);
             }
        else{
           mySwiper1.slidePrev(600);
           mySwiper2.slideNext(600);
        }
    }

如何用鼠标滚轮同步两个滑块？

1 个答案: