html - - - - - 弹出出现时,页面怎么能限制滚动
- 1. 全局添加css样式
- 2. 更改弹窗状态时的操作
1. 全局添加css样式
.no-scroll {overflow: hidden;height: 100vh; /* 防止移动端地址栏隐藏导致的页面跳动 */
}
2. 更改弹窗状态时的操作
if(show){// 打开弹窗,添加classdocument.body.classList.add('no-scroll');
}else{// 关闭弹窗,移除classdocument.body.classList.remove('no-scroll');
}