PC端网页特效-offset系列属性


offset概述:offset翻译是偏移量,使用offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。

· 获得元素距离带有定位父元素的位置

· 获得元素自身的大小(宽度高度)

注意:返回的数值都不带单位

offset系列属性       作用

element.offsetParent    返回作为该元素带有定位的父级元素 如果父级都没有定位则返回

element.offsetTop      返回元素相对带有定位父元素上方的偏移

element.offsetLeft      返回元素相对带有定位父元素左边框的偏移

element.offsetWidth      返回自身包括padding、边框、内容区的宽度,返回数值不带单位

element.offsetHeight       返回自身包括padding、边框、内容区的高度,返回数值不带单位



 

	
	offsetLeft和offsetTop获取元素偏移