Bootstrap模式弹出窗口的视差/平滑滚动和鼠标滚轮滚动问题

我遇到Bootstrap模式弹出窗口的视差/平滑滚动和鼠标滚轮滚动问题。当用户单击“了解更多”按钮时，将显示Bootstrap模式弹出窗口。模态弹出窗口有滚动条。问题在于用户无法使用鼠标滚轮进行滚动，因为该事件被视差/平滑滚动脚本拦截。Bootstrap模式弹出窗口的视差/平滑滚动和鼠标滚轮滚动问题

我不能在这里插入代码，因为代码量太大。这个问题可以在这website转载。

是否有可能通过向网站添加自定义JavaScript来解决此问题？

来源

2016-02-28 webvitaly

我认为这个问题源于将parallax-3d添加到body标签，该标签正在为您的弹出窗口添加一个onscroll事件监听器。我可以通过检查开发人员工具中的弹出元素的事件来看到这一点。

我建议将parallax-3d加到main-container。

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

编辑：好了，所以parallax-3d库在体内的所有元素增加了，不论放置。

我刚刚删除了模态的滚动事件，它的工作原理。

试试这个删除滚动事件。

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

来源

2016-03-02 04:22:49 Papa

非常感谢您的评论。不幸的是，这并没有帮助。 – webvitaly

我应该在哪里添加代码？我添加到script.js，它仍然不能解决问题。 – webvitaly

'scripts.js'在'parallax.js'之前加载，以便读取事件。它需要在那之后。我会把它放在你所有的js文件之后。另外作为一个提示，我会考虑将你的许多js文件捆绑在一起，因为它只是太多的http调用，会减缓网站的初始加载速度。 – Papa

Bootstrap模式弹出窗口的视差/平滑滚动和鼠标滚轮滚动问题

回答

相关问题