打开模态窗口时锁定页面滚动

Question

打开模态窗口时如何停止滚动

我在很多地方调用模态窗口，窗口正在调用其他函数。当模态窗口出现时，页面滚动会产生问题。

我想在调用模态窗口或调用任何模态窗口函数时修复滚动的位置。

所以基本上我写了一个滚动事件来控制滚动，但它只是上升。我希望在调用模态窗口时修复滚动条的位置。

 document.body.scrollTop     = 0;

Answer 1

检查你的模态是否将任何类添加到body元素。如果是这样，请将overflow: hidden应用于此课程。否则，在打开模态时，手动将一些类添加到body元素并应用相同的溢出。