热门标签
热门文章
- 1【总结】nginx源码编译安装报错./configure: error: SSL modules require the OpenSSL library.
- 2Linux 安装Hadoop_linux安装hadoop
- 3Maven下载、安装和配置教程(2024年6月6日)
- 4Tensorflow、CUDA、cuDNN详细的下载安装过程_cudnn下载
- 5Linux环境下Hadoop3.2.0单机部署_hadoop3.2单机部署
- 6day15-硅谷课堂-直播对接和微信分享_zhibodun
- 7Python离线安装第三方库
- 8对角安装的双舵轮AGV运动学核心算法
- 9ansible模块+playbook
- 10oracle 把某用户下的表权限授权给另一用户_jbqd
当前位置: article > 正文
移动端点击弹出模态框禁止页面滑动_mui模态框
作者：正经夜光杯 | 2024-08-19 15:21:12
赞
踩
mui模态框
其实无需js脚本监听，只需在点击打开或关闭弹框时改变html和body元素的固定类型 以及结合overflow属性的变化而改变。
/***禁止滑动***/
stop() {
document.documentElement.style.position = 'fixed';
document.body.style.overflow = 'hidden'; //隐藏滚动条
},
/***取消滑动限制***/
move() {
document.documentElement.style.position = 'static';
document.body.style.overflow = ''; //出现滚动条
},
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/正经夜光杯/article/detail/1002842
推荐阅读
相关标签
