Angular, body 添加 css overflow:hidden 如果模式是打开的，如果关闭则删除它？

Question

有什么方法可以在我打开模式时将正文放入 overflow:hidden 中吗？这样我就可以只滚动模式而不是主体元素。

Answer 1

我使用了这个解决方案

打字稿文件

constructor() {
  const body = document.getElementsByTagName('body')[0];
  body.classList.add('modal-open');
}
ngOnDestroy() {
   const body = document.getElementsByTagName('body')[0];
   body.classList.remove('modal-open');
}

css 文件

.modal-open { overflow-y: hidden; }

Angular, body 添加 css overflow:hidden 如果模式是打开的，如果关闭则删除它？

Angular, body add css overflow:hidden if modal is open and remove it if closed?

javascript

simplemodal

modal-dialog

angular