html - - - - - modal弹窗出现时，页面怎么能限制滚动

html - - - - - 弹出出现时，页面怎么能限制滚动

• [1. 全局添加css样式](#1. 全局添加css样式)
• [2. 更改弹窗状态时的操作](#2. 更改弹窗状态时的操作)

1. 全局添加css样式

.no-scroll {
  overflow: hidden;
  height: 100vh; /* 防止移动端地址栏隐藏导致的页面跳动 */
}

2. 更改弹窗状态时的操作

if(show){
  //  打开弹窗，添加class
  document.body.classList.add('no-scroll');
}else{
  //  关闭弹窗，移除class
  document.body.classList.remove('no-scroll');
}