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}

  

 

posted @   MetX  阅读(366)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示