vue 禁止全局滚动条事件获或取屏幕高度

有些时候 打开了弹窗禁止用户拖动

禁止：
 document.removeEventListener('scroll', this.scrollFun, false);
允许：
document.addEventListener('scroll', this.scrollFun, false);
:class="[{'table-main-active' :mouseIndex == index ? true : false,'table-main-actived':selectIndex==index?true:false},btnClass(item.color_type)]" 

获取屏幕高度

// 获取浏览器窗口的可视区域的宽度
function getViewPortWidth() {
    return document.documentElement.clientWidth || document.body.clientWidth;
}
 
// 获取浏览器窗口的可视区域的高度
function getViewPortHeight() {
    return document.documentElement.clientHeight || document.body.clientHeight;
}
 
// 获取浏览器窗口水平滚动条的位置
function getScrollLeft() {
    return document.documentElement.scrollLeft || document.body.scrollLeft;
}
 
// 获取浏览器窗口垂直滚动条的位置
function getScrollTop() {
    return document.documentElement.scrollTop || document.body.scrollTop;
}

浏览器所有高度的显示

[浏览器所有高度的显示](https://www.cnblogs.com/hsprout/p/4998694.html)

原文地址
https://www.cnblogs.com/lpshan/p/4432340.html

图片压缩网站
https://tinypng.com/