仅在模式上禁用/启用滚动

Question

我有一个带有模式窗口的页面，我希望用户可以在模式下滚动div（当模式打开时），但不是全部页面，如果用户关闭模式窗口，他可以滚动所有页面。

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

可能吗 ？

Answer 1

您可以将主体溢出属性设置为隐藏以防止滚动。 例如，通过在打开弹出窗口时向body元素添加一些类：

.no-scroll {
    overflow: hidden;
}

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

演示： http ： //jsfiddle.net/mrceaqxn/1/