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

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...

Есть такой замечательный модуль для секционного листания экрана (платный). Сверстал на нем шаблон для десктопной версии а на мобильной версии сайта он не кстати, и надо его там отключить. Для этого разработчики предусмотрели такой параметр как responsiveWidth.

цитата с документации:

responsiveWidth: (default 0) A normal scroll (autoScrolling:false) will be used under the defined width in pixels. A class fp-responsive is added to the body tag in case the user wants to use it for their own responsive CSS. For example, if set to 900, whenever the browser’s width is less than 900 the plugin will scroll like a normal site.

перевод

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

Отключаем листание FullPage в мобильной версии

А теперь своими словами

если надо отключить работу прокрутки FullPage на мобильной версии, то добавляем параметр responsiveWidth с шириной экрана на которой отключаться и добавляем параметр autoScrolling: false

<script>
$('#fullpage').fullpage({
  sectionSelector: '.vertical-scrolling',
  slideSelector: '.horizontal-scrolling',
  anchors: ['search','popular','about','words','statistics'],
  navigationTooltips: ['01', '02', '03', '04', '05'],
  navigation: true,
  controlArrows: false,

  // отключаем на ширине 420px
  responsiveWidth:420,
  autoScrolling:false,

  // другие опции
});
</script>

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *