簡單模態不滾動背景<body>

Question

我正在使用簡單的模態。 當你在模態的邊界外滾動鼠標滾輪時，有沒有辦法保持滾動背景（疊加層后面）？

謝謝！

Answer 1

在創建模態時，設置overflow:hidden for body。 然后你將無法滾動背景，當隱藏模態時，設置overflow:auto for body 。

Answer 2

我想你可以這樣做：

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

不過，我不確定mousewheel是否具有完整的跨瀏覽器支持。

編輯：我驗證了這個工作，但你需要mousewheel插件： https ： //github.com/brandonaaron/jquery-mousewheel/downloads

（我將jquery.mousewheel.min.js粘貼到腳本區域中......不要這樣做）