我在使用fullpage.js庫時遇到了問題 當我的模態框打開時,我需要螢幕不滾動。
我嘗試使用onLeave、afterLoad和jQuery禁用滾動,程式碼如下:
$(document).ready(function () { $(window).bind("wheel", function (e) { if (document.getElementsByClassName("modalIsOpen").length != 0) { $.fn.fullpage.setAllowScrolling(false); } else { $.fn.fullpage.setAllowScrolling(true); } }); $("#fullpage").fullpage({ normalScrollElements: ".tableContainer", }); });
但是這段程式碼的問題是頁面滾動一次後,頁面滾動停止工作。 似乎fullpage.js先捲動,然後jQuery停止捲動。 有什麼想法嗎? 謝謝大家
感謝@JavierFromMadrid,我找到了解決方案 但這不是對主題問題的確切答案,而是另一種解決問題的方法 解決此問題的一種方法是在開啟模態方塊時停用fullpagejs捲動:
為了讓呼叫的函數不停用模態框滾動,需要在fullpage的normalScrollElements選項中定義模態框類別的名稱。