Отключить прокрутку fullPage ниже указанного разрешения - PullRequest
Новая
       10

Отключить прокрутку fullPage ниже указанного разрешения

0 голосов
/ 25 июня 2018

Я использую fullPage.js (плагин js обеспечивает функцию прокрутки одной страницы), теперь я должен отключить это при ширине ниже 1199.Я пытался добиться этого, вызывая его функцию внутри обоих: загрузку и изменение размера вдовы на основе условий (ширина окна должна превышать 1199). Это работает при загрузке окна, но функция изменения размера не работает и показывает ошибку в консоли

Ошибка :: fullPage: Fullpage.js может быть инициализирован только один раз, и вы делаете это несколько раз!

Поскольку библиотека загружается два раза один раз при загрузке страницы и в другой разна изменение размера окна.Как я могу отключить это ниже ширины 1199 как при изменении размера окна, так и при загрузке окна.

Это мой код: 

    var init = {
    one_page_scroll : function(){ 
                /*--------- one pge scroll --------*/
                var windowWidth = $(window).width();
                if(windowWidth > 1199){
                    $('#fullpage').children().each(function(){
                        $(this).not( ".vc_row-full-width" ).addClass('section');
                    });
                    $('#fullpage').fullpage({
                        navigation: true,
                        interlockedSlides: false,
                        fixedElements : '',
                    });

                }

            },
};

И я вызвал эту функцию внутри как при загрузке окна, так и при изменении размера окна., как указано ниже: 

jQuery(document).ready(function(){
    $(window).on('load', function(){
        init.one_page_scroll();
    });
});
jQuery( window ).resize(function() {
    var windowWidth = $(window).width();
    if(windowWidth > 1199){ 
        init.one_page_scroll();
    }
});

1 Ответ

0 голосов
/ 25 июня 2018

Почему бы вам просто не использовать адаптивные параметры вместо того, чтобы не инициализировать их?

Вы можете использовать responsiveWidth или responsiveHeight, что отключит автоматическую прокрутку. Затем вы можете объединить его с fp-auto-height-responsive, который отключит полноэкранные разделы и слайды.

А если вам даже нужно больше, вы можете воспользоваться опцией responsiveSlides, чтобы превратить горизонтальные слайды в вертикальные при реагировании.

...