FullPageJS предотвращает сенсорную прокрутку в меню гамбургера;как интегрировать?

Question

У меня есть веб-сайт, использующий фантастический плагин fullPageJS , и он делает то, что делает очень и очень хорошо.

У меня, однако, проблема на мобильных устройствах, где скользящий гамбургерменю не прокручивается сенсорным управлением, когда высота меню превышает высоту ViewPort, как на этом рисунке:

Вопрос

Как заставить боковое меню принимать прокрутку на основе касания?

Answer 1

Вы должны использовать опцию fullpage.js, которая называется normalScrollElements.

Как подробно описано в fullpage.js документах :

normalScrollElements : (по умолчанию null) Если вы хотите избежать автоматической прокрутки при прокрутке по некоторым элементам, это вариант, который вам нужно использовать.(полезно для карт, прокрутки div и т. д.) Требуется строка с селекторами Javascript для этих элементов.(Например: normalScrollElements: '#element1, .element2').Эта опция не должна применяться к любому элементу секции / слайда.

Кроме того, вы можете вызвать fullpage_api.setAllowScrolling(false) при открытии модального окна.Это предотвратит прокрутку fullpage.js вверх или вниз при использовании колесика мыши или трекпада.

При закрытии меню вы можете вернуть его к значению по умолчанию, используя fullpage_api.setAllowScrolling(true).

Answer 2

Вы должны попытаться добавить overflow: scroll, если вы этого еще не сделали.