美文网首页
js获取当前文档视口高度

js获取当前文档视口高度

作者: 小海豚嗷嗷 | 来源:发表于2020-02-25 13:14 被阅读0次

function autodivheight() { //函数:获取尺寸

    //获取浏览器窗口高度

    var winHeight = 0;

    if (window.innerHeight) {

        winHeight = window.innerHeight;

    } else if ((document.body) && (document.body.clientHeight)) {

        winHeight = document.body.clientHeight;

    }

    //通过深入Document内部对body进行检测,获取浏览器窗口高度

    if (document.documentElement && document.documentElement.clientHeight) {

        winHeight = document.documentElement.clientHeight;

    }

    //DIV高度为浏览器窗口的高度

    document.getElementById("login_body").style.height = winHeight + "px";

}

//浏览器窗口变化时

window.onresize = function () {

    autodivheight(); //浏览器窗口发生变化时同时变化DIV高度

}

//浏览器重新加载时

window.onload = function () {

    autodivheight(); //浏览器窗口发生变化时同时变化DIV高度

}

相关文章

  • js获取当前文档视口高度

    function autodivheight() { //函数:获取尺寸 //获取浏览器窗口高度 var ...

  • 获取高度相关API

    获取页面已经滚动的高度: 获取body全部内容高度: 获取布局视口高度: 获取视图视口高度:

  • 原生JS实现下拉事件

    一获取三个高度页面滚动距离、文档总高度、浏览器视口高度 //滚动条在Y轴上的滚动距离 function getSc...

  • 下拉加载刷新

    获取滚动条当前的位置 获取当前可视范围的高度 获取文档完整的高度 实现下拉刷新 获取页面元素的位置

  • 三种布局方式

    1.100%布局宽度变,高度不变2./rem布局(r=root根元素大小,也就是html字体的大小,用js获取视口...

  • js实现移动端上拉加载更多

    1、获取页面高度 2、获取当前可视高度 3、文档完整的高度 4、检查滚动高度是否到了底部,距离底部200时,认为到...

  • javascript dom元素位置相关方法

    获取dom元素的位置 获取viewport的高度,宽度 浏览器窗口的视口(viewport)高度(以像素为单位),...

  • ScrollView嵌套WebView,WebView自适应高度

    网上的思路是等页面加载完毕后,通过调用js获取当前网页的高度,获取到高度后,设置webview的高度。但是我用网上...

  • dom元素高度、屏幕高度 获取

    原生js获取屏幕高度: jq获取屏幕高度: JS获取dom元素高度和宽度的方法如下:

  • JS & jQuery 获取元素位置尺寸

    jQuery 位置 offset: 获取匹配元素在当前视口的相对偏移 position: 获取匹配元素相对父元素的...

网友评论

      本文标题:js获取当前文档视口高度

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