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

Lock the page scroll when modal window opened

本文关键字：滚动锁定窗口模式更新时间：2023-09-26

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

我在很多地方调用了模态窗口，以至于这个窗口正在调用其他函数。当模态窗口出现时，页面向上滚动会产生一个问题。

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

所以基本上我写了一个滚动事件来控制滚动，但它只向上。我想要固定滚动条的位置，当它被称为模态窗口。

 document.body.scrollTop     = 0;

检查你的模式是否添加了任何类到body元素。如果是，只需将overflow: hidden应用于该类。否则，当打开modal时，手动为body元素添加一些类，并应用相同的overflow。