JavaScript实现移动端弹窗后禁止滚动的方法-创新互联
这篇文章主要讲解了JavaScript实现移动端弹窗后禁止滚动的方法,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。
创新互联建站专注于崇川企业网站建设,响应式网站建设,商城网站建设。崇川网站建设公司,为崇川等地区提供建站服务。全流程按需求定制网站,专业设计,全程项目跟踪,创新互联建站专业和态度为您提供的服务代码如下
computed:{ popupStatus(){ return this.SendCircle_visible || this.generateInfo_visible || this.isPosterShow; } }, methods:{ stopTouch(e){ e.preventDefault(); }, }, watch: { popupStatus(val) { let preD = this.stopTouch; let options = { passive: false, //强调默认事件 capture: true, //早点禁止该事件 }; if (val) { document.body.style.overflow = 'hidden'; document.addEventListener('touchmove', preD, options); // 禁止页面滑动 } else { document.body.style.overflow = ''; // 出现滚动条 document.removeEventListener('touchmove', preD, options); } } }
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
本文题目:JavaScript实现移动端弹窗后禁止滚动的方法-创新互联
标题网址:http://pwwzsj.com/article/jejdc.html