美文网首页
vue 禁止全局滚动条事件获或取屏幕高度

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

作者: 阳光之城alt | 来源:发表于2019-02-21 15:17 被阅读0次

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

禁止:
 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

image.png

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

相关文章

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

    有些时候 打开了弹窗禁止用户拖动 获取屏幕高度 浏览器所有高度的显示 原文地址https://www.cnblog...

  • 滑块and鼠标滚轮

    自定义滚动条的万能比例:**滚动条的高度 / 屏幕的高度 = 屏幕的高度 / 内容的高度 = 滚动条的移动距离 /...

  • js中获取窗口高度的方法

    js中获取窗口高度的方法 取窗口滚动条滚动高度 取窗口可视范围的高度 取文档内容实际高度 在IE中:documen...

  • JS中的宽度、高度和位置

    获取屏幕的宽度和高度 获取文档的宽度和高度 获取滚动条的距离

  • 如何获取父级iframe的dom,并且设置高度

    场景:需要将vue嵌套在html页面的iframe中,根据vue页面的高度设置外层的iframe高度防止出现滚动条...

  • Vue 获取屏幕宽度、高度

    Vue 获取屏幕宽度、高度

  • temp

    vue中,根据屏幕不同设置子组件的高度,ref、$refs、props vue组件页面高度根据屏幕大小自适应 vu...

  • 如何禁止页面滚动条

    当页面元素高度超过页面时,会出现滚动条,如下: 如果想要禁止滚动条,该如何做呢? 可以给html,body添加如下...

  • 滚动翻页

    利用根节点dom元素高度-可是区域高度-滚动条距顶部距离,得到的差值去判断,如果差值为0即滚动条触底,触发事件。

  • 无限加载

    jQuery版本 一开始思路是,当整个文档的高度 - 屏幕高度 - 滚动条高度 = 0时,加载信息。但是有的浏览器...

网友评论

      本文标题:vue 禁止全局滚动条事件获或取屏幕高度

      本文链接:https://www.haomeiwen.com/subject/hbnryqtx.html