停止當頁面打開時fullpage.js滾動，然後在關閉燈箱時重新啓用

Question

因此，我正在爲我正在使用的網站使用fullpage.js。我有一個部分包含了使用Nivo燈箱在燈箱中打開的團隊領導的個人簡歷。當您點擊該人時，他們的燈箱會打開，但如果您滾動瀏覽他們的信息（發生在手機中），該部分會滑動。

我發現從fullpage.js

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

此功能時有NIVO燈箱打開/關閉調用這個函數，我可以試驗的事件？

示例： http://jeffreyroche.us/solarTestBed/#team/2 單擊某人然後向上滾動。

Answer 1

您應該使用fullpage.js插件的選項normalScrollElements：

normalScrollElements：（默認爲空），如果你想避免自動滾動滾動在某些元素的時候，這是你的選擇需要使用。 （對地圖，滾動div等很有用）它需要一個帶有這些元素的jQuery選擇器的字符串。 （例如：normalScrollElements： '＃部件1，.element2'）

，你可能需要根據您的收藏夾標記修改的normalScrollElementsTouchThreshold值：

normalScrollElementTouchThreshold：（默認爲5）定義html節點樹的跳數閾值Fullpage將測試以查看normalScrollElements是否匹配以允許觸摸設備上的div上的滾動功能。 （例如：normalScrollElementTouchThreshold：3）

您有需要的所有信息在fullpage documentation。

如果您需要更多控制，則可以始終使用fullpage.js方法setAllowScrolling來允許自動滾動或禁用它。例如，您可以通過這種方式在打開彈出窗口時將其禁用，並在關閉後再次啓用它。