vue弹框产生的滚动穿透问题的解决

　　

最近开发过程中遇到一些小问题(似乎问题总是那么多),但一直没什么时间去优化与解决。程序员不能被业务绑架,有时间还是花点在代码,开始这次的vue尝试吧。

　　

首先定义一个全局样式:

　　 　　 　　.noscroll { 　　位置:固定; 　　左:0; 　　上图:0; 　　宽度:100%; 　　} 　　之前 　　 　　

创建一个dom.js文件,定义几个方法:

　　 　　 　　导出功能hasClass (el名称){ 　　让reg=new RegExp ((^ | \ \ s)”+名称+ (\ \ | $)) 　　返回reg.test (el.className) 　　} 　　 　　最好选择用addClass (el替代出口函数,类名){ 　　如果(hasClass (el名称)){ 　　返回 　　} 　　如果(el)。className===") { 　　埃尔。类名+=类名 　　其他}{ 　　让终极=el.className。分割(' ') 　　newClass.push(名称) 　　埃尔。className=终极。加入(' ') 　　} 　　 　　} 　　 　　导出功能removeClass (el名称){ 　　如果(hasClass (el名称)){ 　　埃尔。className=el.className。替换(新的正则表达式((\ \年代| ^)”+名称+ (\ \ | $)),”); 　　}; 　　} 　　 　　之前 　　 　　

获取& lt; html>标签的DOM:

　　 　　 　　这一点。htmlDom=document.getElementsByTagName (html) [0]; 　　 　　

在弹框弹出来的时候:

　　 　　 　　addClass(这一点。htmlDom noscroll); 　　 　　

弹框关闭的时候

　　 　　 　　removeClass(这一点。htmlDom noscroll); 　　 　　

这样就可以解决滚动穿透的问题了~
　　

　　

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
　　

vue弹框产生的滚动穿透问题的解决