如何在進行滾動操作之前加入條件
P粉738046172
P粉738046172 2023-09-06 00:00:45
0
1
408

我在使用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停止捲動。 有什麼想法嗎? 謝謝大家

P粉738046172
P粉738046172

全部回覆 (1)
P粉195402292

感謝@JavierFromMadrid,我找到了解決方案 但這不是對主題問題的確切答案,而是另一種解決問題的方法 解決此問題的一種方法是在開啟模態方塊時停用fullpagejs捲動:

$.fn.fullpage.setAllowScrolling(false);

為了讓呼叫的函數不停用模態框滾動,需要在fullpage的normalScrollElements選項中定義模態框類別的名稱。

$("#fullpage").fullpage({ normalScrollElements: ".modal", });
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板
    關於我們 免責聲明 Sitemap
    PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!