JavaScript--元素偏移量(offset)
一、offset是什么
1 | 1、offset翻译过来就是偏移量,我们使用offset系列相关属性可以动态得到元素的位置(偏移)、大小(元素内容+padding+border);2、获得元素距离带有定位父元素的位置;3、注意:返回的数据都不带单位; |
offset系列常用属性:
element.offsetHeight | 返回任何一个元素的高度包括边框(border)和内边距(padding),但不包含外边距(marge) |
element.offsetWidth | 返回元素的宽度,包含边框(border)和内边距(padding),但不包含外边距(margin) |
element.offsetLeft | 返回当前元素的相对带有定位元素偏移位置的偏移容器的距离 |
element.offsetParent | 返回元素的偏移容器,带有定位的父级元素,如果父级没有定位则返回body |
element.offsetTop | 返回当前元素的相对带有定位父元素垂直偏移位置的偏移容器 |
扩充:设置页面滚动到对应的位置 :
1 | document.documentElement.scrollTop = '滚动的top值' css设置滚动条滚动行为:html:{scroll-behavior: auto | smooth;autosmooth} |
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步