Отключить FullPage.js ниже 767px

Question

jQuery(document).ready(function(){ 
    if(screen.width < 767){ 
    jQuery.fn.fullpage.setAutoScrolling(false); 
    } 
    else{ 
    jQuery('#fullpage').fullpage({ 
    scrollBar:true, 
    afterRender: function(){ 
    jQuery('.hslider_misc_holder').each(function(){ 
    var hslider_slider_id = jQuery(this).attr('id').slice(8); 
    activate_width_checker(1080, 1080, 'responsive', hslider_slider_id); 
    }); 
    } 
    }); 
    } 


}); 

Я пытаюсь отключить fullpage.js ниже 767px текущая функция - отключить автопрокрутку, независимо от того, какое решение я пытаюсь не могу остановить эффект! !

В идеале, я хочу, чтобы он полностью отключился.

Помощь оценили

Ant

Answer 1

Используйте fullpage.js реагирующих варианты: responsiveWidth или responsiveHeight.

the docs От:

responsiveWidth: (по умолчанию 0) Нормальная прокрутки (Автопрокрутка: ложь) будет использоваться в соответствии с заданной шириной в пикселях. Класс fp-responsive добавляется в тег body, если пользователь хочет использовать его для своего собственного отзывчивого CSS. Например, если установлено значение 900, всякий раз, когда ширина браузера меньше 900, плагин будет прокручиваться, как обычный сайт.

responsiveHeight: (по умолчанию 0) Обычная прокрутка (autoScrolling: false) будет использоваться под определенной высотой в пикселях. Класс fp-responsive добавляется в тег body, если пользователь хочет использовать его для своего собственного отзывчивого CSS. Например, если установлено значение 900, всякий раз, когда высота браузера меньше 900, плагин будет прокручиваться, как обычный сайт.

Example online (код доступен в папке GitHub примеры)