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');