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

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');
}