Angular，body添加css溢出：如果模态打开则隐藏并在关闭时将其删除？

【问题标题】：Angular, body add css overflow:hidden if modal is open and remove it if closed?Angular，body添加css溢出：如果模态打开则隐藏并在关闭时将其删除？
【发布时间】：2021-12-10 18:23:42
【问题描述】：

当我打开一个模态框时，有什么办法可以让 body 处于溢出：隐藏状态？这样，我只能滚动模态元素，而不能滚动正文元素。

【问题讨论】：

标签： javascript angular modal-dialog simplemodal

【解决方案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; }

【讨论】：