源码网商城，靠谱的源码在线交易网站我的订单购物车帮助

当前位置：首页 > 资讯 > 技术文档

页面遮罩层，并且阻止页面body滚动。bootstrap模态框原理

时间：2021-04-07 11:51 编辑：来源：阅读：
扫一扫，手机访问

摘要：页面遮罩层，并且阻止页面body滚动。bootstrap模态框原理

实现思路： 1、需要有一个层将body遮住，放在body上方。 2、修改body的overflow属性值为：hidden 废话不多说了，将关键代码贴出来了，兼容火狐，谷歌，ie 遮罩层的样式代码，红色部分是关键的部分

[url=javascript:;]　　</div> 　　<div id="cover" class="cover"></div> </body>

js部分的代码

[u]复制代码[/u][/url] 代码如下:

function showMask(){ $('body').css("overflow","hidden") $("#cover").show(); }

全部评论(0)

上一篇：Bootstrap实现响应式导航栏效果
下一篇：Bootstrap 布局组件（全）

资讯排行榜
更多>>

关于我们 | 广告合作 | 联系我们 | 隐私条款 | 免责声明 | 网站地图

苏ICP备2024110244号-2 苏公网安备32050702011978号增值电信业务经营许可证编号：苏B2-20251499 | Copyright 2018 - 2025 源码网商城 (www.ymwmall.com) 版权所有

联系客服

客服电话：
400-000-3129

微信版

扫一扫进微信版

返回顶部