Zatrzymaj fullpage.js przewiń, gdy lightbox jest otwarty, a następnie włącz ponownie, gdy lightbox jest zamknięty.

Question

Używam fullpage.js na stronie, nad którą pracuję. Mam dział zawierający biografie liderów zespołów, którzy otwierają się w lightboxie przy użyciu lightboksa Nivo. Po kliknięciu na osobę ich lightbox otwiera się, ale jeśli przejrzysz ich informacje (dzieje się to w telefonie komórkowym), sekcja się ślizga.

Znalazłem tę funkcję z fullpage.js

$.fn.fullpage.setAllowScrolling(false); 
$.fn.fullpage.setKeyboardScrolling(false); 

Czy jest zdarzenie można przetestować podczas Nivo Lightbox otwiera/zamyka wywołać tę funkcję?

Przykład tutaj: http://jeffreyroche.us/solarTestBed/#team/2 Kliknij komuś, a następnie przewiń w górę.

Answer 1

należy używać opcji normalScrollElements wtyczki fullpage.js:

normalScrollElements: (domyślnie NULL) Jeśli chcesz uniknąć Autoprzewijanie podczas przewijania na niektórych elementach, jest to opcja potrzebuję użyć. (przydatne dla map, przewijanie div itp.) Wymaga to ciągu z selektorami jQuery dla tych elementów. (Na przykład: normalScrollElements: '# element1, .element2')

A może trzeba zmienić wartość normalScrollElementsTouchThreshold zależności od schowka znaczników:

normalScrollElementTouchThreshold: (domyślnie 5) Definiuje próg dla liczby przeskoków w górę drzewa drzewa html. Fullpage przetestuje, czy wartość normalScrollElements jest zgodna, aby umożliwić przewijanie funkcjonalności elementów div na urządzeniu dotykowym. (Na przykład: normalScrollElementTouchThreshold: 3)

Masz wszystkie potrzebne informacje na fullpage documentation.

Jeśli potrzebujesz większej kontroli, zawsze możesz skorzystać z metody fullpage.js setAllowScrolling, aby umożliwić automatyczne przeszukiwanie lub wyłączyć ją. W ten sposób możesz wyłączyć to na przykład przy otwieraniu wyskakującego okienka i włączyć je ponownie po zamknięciu.