Javascript 元素宽高，偏移以及滚动位置

总结一下 Javascript 和 jQuery 中的一些宽高和位置的获取，虽然经过本人试验，但是还是建议看到的人能亲自试一下。

纸上得来终觉浅，绝知此事要躬行。

Javascript

:–: 元素 窗口、文档 屏幕 宽高 elem.clientWidth
elem.clientHeight

elem.offsetWidth
elem.offsetHeight

elem.scrollWidth
elem.scrollHeight window.outerWidth
window.outerHeight

window.innerWidth
window.innerHeight

document.documentElement.clientWidth
document.documentElement.clientHeight

document.body.clientWidth
document.body.clientHeight screen.availWidth

screen.width 偏移位置 offsetLeft
offsetTop

clientLeft
clientTop 滚动距离 scrollLeft
scrollTop window.scrollY
document.body.scrollTop
document.documentElement.scrollTop

jQuery

:–: 元素 窗口、文档 屏幕 宽高 width()
innerWidth()
outerWidth() $(window).width()
$(document).width()
$(‘body’).width() screen.availWidth
screen.width 偏移位置 offset().left
offset().top

position().left
position().top 滚动距离 scrollLeft()
scrollTop() $(‘body’).scrollTop()