ToB企服应用市场:ToB评测及商务社交产业平台

标题: html - - - - - modal弹窗出现时，页面怎么能限制滚动 [打印本页]

---

作者: 悠扬随风    时间: 7 天前
标题: html - - - - - modal弹窗出现时，页面怎么能限制滚动
1. 全局添加css样式

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

复制代码

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

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

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

---

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)

Powered by Discuz! X3.4