Question

我有一个带模态窗口的页面，我想为了用户可以在模态中滚动div（当模态打开时），但不是所有页面，如果用户关闭模态窗口，他可以滚动所有页面。

$(window).scroll(function (e) {
   if (!  modal ) {
       e.preventDefault();
   }
})

有可能吗？

Answer 1

您可以将body overflow属性设置为hidden以防止滚动。例如，在弹出窗口打开时向body元素添加一些类：

.no-scroll {
    overflow: hidden;
}

在下一个演示中将滚动行为与overflow: hidden和自动进行比较。