Bootstrap模式彈出窗口的視差/平滑滾動和鼠標滾輪滾動問題

Question

我遇到Bootstrap模式彈出窗口的視差/平滑滾動和鼠標滾輪滾動問題。 當用戶單擊「瞭解更多」按鈕時，將顯示Bootstrap模式彈出窗口。 模態彈出窗口有滾動條。問題在於用戶無法使用鼠標滾輪進行滾動，因爲該事件被視差/平滑滾動腳本攔截。

我不能在這裏插入代碼，因爲代碼量太大。 這個問題可以在這website轉載。

是否有可能通過向網站添加自定義JavaScript來解決此問題？

Answer 1

我認爲這個問題源於將parallax-3d添加到body標籤，該標籤正在爲您的彈出窗口添加一個onscroll事件監聽器。我可以通過檢查開發人員工具中的彈出元素的事件來看到這一點。

我建議將parallax-3d加到main-container。

<div class="main-container parallax-3d"> 

---

編輯：好了，所以parallax-3d庫在體內的所有元素增加了，不論放置。

我剛剛刪除了模態的滾動事件，它的工作原理。

試試這個刪除滾動事件。

$('.foundry_modal').unbind('scroll');