FullPage.js отключение постраничного разделения для мобильных устройств?

Question

[Александр Гуков]

Ребят, привет всем!
Мучаюсь с одной штукой. Мне нужно отключить по сути FullPage.js для экранов меньше 768px по ширине.

Либо как то ограничить параметр scrollOverflow

$('#fullpage').fullpage({
                  css3: true,
                  scrollOverflow: true // хочу удалить это свойство для экранов ниже 768
  });

Ничего не получается, люди советовали использовать window.innerHeight - но не получается почему то.
Буду благодарен за ответы

Answer 1

[Alexander Mischuk]

Попробуйте enquire.js

Comments

[Александр Гуков]

я думаю что есть решение полегче. Но спасибо, изучу для себя

Answer 2

[Александр]

У меня получилось вот так

var doFullpage = document.documentElement.clientWidth;
                if (doFullpage > 768) {
                    $('#fullpage').fullpage();
                }

Comments

[roma_potupa]

if ($(window).width() < 768) {
    $.fn.fullpage.destroy('all');
  }
  else {
    $('#fullpage').fullpage({
      scrollBar: true,
      scrollOverflow: true,
      responsiveWidth: 768,
    });
  }

Answer 3

[Константин]

Есть параметр responsiveWidth. Добавляете нужную ширину responsiveWidth: 768, и если разрешение меньше указанного, отключается разделение

Answer 4

[Александр Гуков]

Частично решение сам написал

var isPhoneDevice = "ontouchstart" in document.documentElement; 
$(document).ready(function() {
        if(isPhoneDevice){
   $('#fullpage').fullpage({
				anchors: ['firstPage', 'secondPage'],
				scrollOverflow: false,
                resize : false
			});
        }
            else{
            $('#fullpage').fullpage({
				anchors: ['firstPage', 'secondPage'],
				scrollOverflow: true,
                resize : false
			});
            }
        });