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() {},                             
        });

以下是我的光滑代码

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

        })

Answer 1

Haribol，

你试过了吗？

＆＃34; normalScrollElements :(默认为null）如果要在滚动某些元素时避免自动滚动，则需要使用此选项。（对于地图，滚动div等有用）它需要一个带有jQuery选择器的字符串用于这些元素。（例如：normalScrollElements：＆＃39;＃element1，.element2＆＃39;）。此选项不应该应用于任何部分/幻灯片元素本身。＆＃34; .... Ys

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

1 个答案: