offset、client和scroll三大家详解

offset、client和scroll三大家详解OffsetoffsetWidth 和 offsetHeight 是用来得到对象的大小,由自身宽高、内边距、边框构成但是不包括外边距。offse

大家好,欢迎来到IT知识分享网。

Offset

offsetWidth 和 offsetHeight 是用来得到对象的大小,由自身宽高、内边距、边框构成但是不包括外边距。offsetHeight可以获取行内样式和内嵌样式值是数值类型的,而且是只读的不能修改。

offsetLeft 和 offsetTop 用来得到对象的位置,到距离自身最近的(带有定位的)父元素的左侧/顶部的距离,如果所有父级都没有定位则以body为准。offsetLeft 可以获取行内样式和内嵌样式。值是数值类型的,而且是只读,最重要的是offsetLeft以border左上角为基准

offset、client和scroll三大家详解

client

clientWidth和clientHeight 包括内容区和内边距,不包括边框

clientTop和clientLeft 代表的是上边框boder-top和border-left

offset、client和scroll三大家详解

Scroll

scrollHeight和scrollWidth 对象内部实际内容的高度/宽度,包括内容区和内边距,不包括边框,即scrollHeight = height + padding + 未显示的内容的高度 – 滚动条的高度

scrollTop和scrollLeft 获取左侧和顶部滚动隐藏进去的内容的距离

offset、client和scroll三大家详解

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/48290.html

(0)

相关推荐

发表回复

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

关注微信