乐趣区

关于前端:offsetclientscroll-区别以及常见属性

元素偏移量 offset 系列

概念
offset 就是偏移量,相干属性能够实现动静失去该元素的地位(偏移)、大小等;

常见系列属性

offset 与 style 的比照

元素可视区 client 系列

概念
client 系列的相干属性来获取元素可视区的相干信息,相干属性能够动静的失去该元素的边框大小、元素大小等。

常见系列属性

元素滚动 scroll 系列
概念
scroll 系列相干属性能够动静的失去该元素的大小、滚动间隔等,ie9 以上反对有肯定的兼容性问题

常见系列属性

window.page 和 element.scroll
window.pageYoffset 页面被卷去的头部 element.scrollTop 元素被卷去的头部
window.pageXoffset 页面被卷去的左侧 element.scrollLeft 元素被卷去的左侧
总结
三大系列都有的共同点:

返回数字时,都是不带单位;
都是只读属性,可获取不可赋值不可扭转;
这一篇博客尽管没有加上代码,然而都是用表格的模式清晰的展现相干的属性,心愿能够帮忙到大家!要多多入手敲代码才能够变得更强哦!

理解更多前端培训课程相干技术常识欢送关注小编!

退出移动版