vue滚动条禁止_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)

image.png