网站首页 » 前端开发 » JavaScript » 前端开发中的各种宽高获取整理
上一篇:
下一篇:

前端开发中的各种宽高获取整理

获取可视区的宽高

document.documentElement.clientWidth
document.documentElement.clientHeight

获致滚动条滚动距离

// 主流浏览器中,用下面的代码获取值
document.documentElement.scrollTop
document.documentElement.scrollLeft

// 搜狗浏览器、360 浏览器、IE 浏览器中,用下面的代码获取值
document.body.scrollTop
document.body.scrollLeft

// 兼容写法
document.documentElement.scrollTop || document.body.scrollTop

IE中获取需要加一个定时器,不然取到的值总是 0

setTimeout(function(){
    console.log(document.body.scrollTop);
},100);

元素的内容宽高

//(获取所有子孙元素中最大值作为内容高)
oElement.scrollHeight
oElement.scrollWidth

只获取子元素宽高作为内容宽高

document.documentElement.offsetWidth
document.documentElement.offsetHeight

 

  • 微信扫一扫,赏我

  • 支付宝扫一扫,赏我

声明

原创文章,不经本站同意,不得以任何形式转载,如有不便,请多多包涵!

本文永久链接:http://yunkus.com/multifarious-width-and-height-in-fewd/

发表评论

电子邮件地址不会被公开。 必填项已用*标注

评论 END