Fullpage.js - включить вертикальную прокрутку внутри не полной страницы - PullRequest
Новая
       36

Fullpage.js - включить вертикальную прокрутку внутри не полной страницы

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

У меня есть модальный элемент, который не должен быть частью прокрутки fullpage.js .Все основные контейнеры зафиксированы.

Мне не удается заставить работать прокрутку в этом модале.

Я пытался установить ' normalScrollElements ' и ' fixedElements 'и ' setAllowScrolling '.

Ни одна из этих опций не работает.Кто-нибудь знает, как исправить или была такая же проблема?

Как освободить событие прокрутки, пока открыт другой модал?

Я пробовал нефиксированные элементы и также перемещал их из "#fullpage", fullpage.JS остается подключенным к событиям прокрутки.

Любые предложения будут с благодарностью!Я искал здесь, но, казалось бы, никаких решений.

Заранее спасибо:)

Мой конфиг выглядит так: 

fitToSection: true,
fitToSectionDelay: 1000,
scrollBar: true,
loopHorizontal: true,
scrollHorizontally: true,
resetSliders: true,
scrollOverflow: true,
scrollOverflowReset: true,
scrollOverflowOptions: null,
touchSensitivity: 33,
controlArrows: true,
verticalCentered: false,
normalScrollElements: '#menu',
fixedElements: '#header, #footer',
sectionSelector: '.js-fullpage-section',
slideSelector: '.js-full-page-slide'

Что автор плагина предложил сделать на модальномоткрыть / закрыть - не работает: 

$.fn.fullpage.setAllowScrolling(false/true);

Моя структура HTML: 

<div id="fullpage">
    <div id="header">
        <!-- Sticky header HTML -->
    </div>
    <div id="pages">
        <!-- Fullpage.js HTML -->
    </div>
    <div id="footer">
        <!-- Sticky footer HTML -->
    </div>
    <div id="menu">
        <!-- Hidden sticky modal I want to be able to scroll normally in when shown -->
    </div>
</div>

1 Ответ

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

Не уверен, какая комбинация в итоге исправила, но normalScrollElements: '#menu' и $.fn.fullpage.setAllowScrolling(false, 'up, down'); работают.

...