lundi 3 mai 2021

Swiper slider scrolling inside the Fullpage section

When operating horizontal swiper scrolling in the last section within Fullpage, there is no problem lowering the mouse wheel, but raising the mouse wheel will return to the previous section at the same time as the swiper. I've tried the normalScrollElements option on fullpage, but I think it's unnatural to go back to the previous section only in certain areas, so I'm trying to find a solution.

 $('#fullpage').fullpage({
        responsiveWidth : 1920,
        anchors : ['1stPage', '2ndPage', '3rdPage', '4thPage', '5thPage', '6thPage', '7thPage', '8thPage'],
        scrollHorizontally : true,
        css3 : false,
        scrollOverflow:true,
        scrollOverflowReset:true,
        navigation:true,
        navigationTooltips:['&nbsp','흡입 & surgery','리프팅 & 타이트닝','피부','Shape & volume','체인지 special','리얼 스토리'],
        navigationPosition:'left',
        normalScrollElements: '.Review_container',
        onLeave: function(anchor, index){
            if(index == 1) {
                $('#fp-nav').removeClass('on');
            } else {
                $('#fp-nav').addClass('on');
            }
        },
        afterLoad : function(anchor, index){
            if(index == 1) {
                $('#fp-nav').find('.fp-tooltip span').addClass('on');
            } else {
                $('#fp-nav').find('.fp-tooltip span').removeClass('on');
            };
        },
    }); //<-- // fullpage -->



Aucun commentaire:

Enregistrer un commentaire