PC端网页特效导读

1.元素偏移量 offset 系列

  • 获取元素距离带有定位父元素的位置
  • 获得元素自身的大小(宽度高度)
  • 注意:返回的数值都不带单位

offset系列常用属性:

offset系列属性 作用
element.offsetParent 返回带有定位的父亲 ,如父元素没有定位则以body为准
element.offsetTop 返回元素相对带有定位父元素上方的偏移量,如父元素没有定位则以body为准
element.offsetLeft 返回元素相对带有定位父元素左方的偏移量
element.offsetWidth 返回自身包括padding,边框,内容区的宽度,返回数字不带单位
element.offsetHeigh 返回自身包括padding,边框,内容区的高度,返回数字不带单位

2.元素可视区client系列
可使用client系列的相关属性来获取元素可视区的相关信息。通过client系列的相关属性可动态的得到该元素的边框大小,元素大小等

原文地址:https://www.cnblogs.com/tingshu/p/15019411.html