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

Posted 2023-05-08

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

【英文标题】：Angular, body add css overflow:hidden if modal is open and remove it if closed?

【发布时间】：2021-12-10 18:23:42

【问题描述】：

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

【参考方案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;