无法使用 jqueryfullpage 滚动覆盖平滑滚动

Question

我正在为我的网站使用 JqueryFullpage 插件。在里面我有一个垂直的光滑卷轴。当我使用鼠标或移动设备滚动光滑滑块时，光滑滑块的滚动不会受到影响，而 jqueryfullpage 滚动会受到影响。

下面是我的整页代码

$('#fullpage').fullpage({
            menu: '#menu',
            scrollingSpeed: 1000, //responsive: 991,
            scrollBar: true,
            navigation: true,
            responsiveHeight: 540,
            touchSensitivity: 10,
            resize: false,
            navigationPosition: 'right',
            afterLoad: function(anchorLink, index) {
                $(this).find('.animated').each(function() {
                    $(this).addClass('in');
                });
                $('.section:not(".active")').find('.animated').each(function() {
                    $(this).removeClass('in');
                });
            },
            afterRender: function() {},                             
        });

下面是我的 slick

代码

$(".vertical").slick({
            dots: false,
            vertical: true,
            slidesToShow: 4,
            slidesToScroll: 3,
            nextArrow: '.slick-prev',
            prevArrow: '.slick-next',
             verticalSwiping: true,
            verticalScrolling: true,
        swipe:true,

        })

Answer 1

哈里波，

你试过了吗：

"normalScrollElements: (default null) If you want to avoid the auto scroll when scrolling over some elements, this is the option you need to use. (useful for maps, scrolling divs etc.) It requires a string with the jQuery selectors for those elements. (For example: normalScrollElements: '#element1, .element2'). This option should not be applied to any section/slide element itself."..是

无法使用 jqueryfullpage 滚动覆盖平滑滚动

Unable to override slick scroll with jqueryfullpage scroll

jquery

fullpage.js

slick.js