三大家族-scroll-offset-client

scroll家族

获取宽高: scrollWidth和scrollHeight---返回纯数值,可参与运算

获取元素的内容总宽高(不包含滚动条)返回值不带单位

scrollWidth  scrollHeight 是只读属性(赋值无效)

scrollLeft scrollTop 获取内容滚动卷曲距离---这两个属性是可以修改的

获取元素内容往左、往上滚出去看不到的距离

offset家族

获取宽高:offsetWidth和offsetHeight

获取元素的真实宽高(包含元素自身设置的宽高、padding、border )

获取位置:offsetLeft和offsetTop 获取元素距离自己定位父级元素的左、上距离,如果没有定位父级的话,就是获取元素到body的距离

注意都是只读属性,设置无效

client家族

获取宽高:clientWidth和clientHeight

获取元素的可见部分宽高(不包含边框,滚动条等)

获取位置:clientLeft和clientTop----获取左边框和上边框宽度(border)

注意都是只读属性

获取页面可视区大小:

窗口大小变化触发的事件:

!!!只有scrollleft,scrolltop可以设置,其他都是只读属性,更改无效

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容