简单模态不滚动背景

Question

我正在使用simple modal。当你在模态边界之外滚动鼠标滚轮时，有没有办法保持背景（叠加层后面）滚动？

谢谢！

Answer 1

在创建模态时，为正文设置overflow:hidden。然后，您将无法滚动背景，并在隐藏模态时，为overflow:auto设置body。

Answer 2

我认为你可以这样做：

$(document).on('mousewheel', '.simplemodal-overlay, .simplemodal-data', function(event) {
    event.preventDefault();
});

我不确定mousewheel是否具有完整的跨浏览器支持。

修改：我验证了这一点，但您需要mousewheel插件：https://github.com/brandonaaron/jquery-mousewheel/downloads

示例：http://jsfiddle.net/jtbowden/AhpLc/

（我将jquery.mousewheel.min.js粘贴到脚本区域中......不要这样做）