JavaScript--元素偏移量（offset）

一、offset是什么

 

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	返回当前元素的相对带有定位父元素垂直偏移位置的偏移容器

 

 

 

 

 

 

扩充：设置页面滚动到对应的位置 :

document.documentElement.scrollTop = '滚动的top值'
css设置滚动条滚动行为：
html:{

scroll-behavior: auto | smooth;

auto:滚动框立即滚动。

smooth:滚动框通过一个用户代理预定义的时长、使用预定义的时间函数，来实现平稳的滚动，用户代理应遵循其平台的约定，如果有的话。

}