scroll家族
获取宽高: scrollWidth和scrollHeight---返回纯数值,可参与运算
获取元素的内容总宽高(不包含滚动条)返回值不带单位
scrollWidth scrollHeight 是只读属性(赋值无效)
scrollLeft scrollTop 获取内容滚动卷曲距离---这两个属性是可以修改的
获取元素内容往左、往上滚出去看不到的距离
offset家族
获取宽高:offsetWidth和offsetHeight
获取元素的真实宽高(包含元素自身设置的宽高、padding、border )
获取位置:offsetLeft和offsetTop 获取元素距离自己定位父级元素的左、上距离,如果没有定位父级的话,就是获取元素到body的距离
注意都是只读属性,设置无效
client家族
获取宽高:clientWidth和clientHeight
获取元素的可见部分宽高(不包含边框,滚动条等)
获取位置:clientLeft和clientTop----获取左边框和上边框宽度(border)
注意都是只读属性
获取页面可视区大小:
窗口大小变化触发的事件: