关于offsetTop与offsetHeight的区别以及使用方法

offsetTop和offsetHeight是设置一个元素的位置和获取圆度大小经常会使用的参数,下面具体讲一下他们的区别于联系:

例如obj为html的一个元素对象,

obj.offsetTop指的是obj距离上方或者父级元素(position非static)的位置,整型,单位像素。

obj.offsetHeight指obj自身的高度,整型,单位像素。

另外,还有scrollHeight与offsetHeight的区别

offsetHeight即是自身的高度,scrollHeight是自身的高度+隐藏元素的高度(即是内层元素的offsetHeight)。

由于这几个属性都是DOM对象,都需要限定针对的是某(第几)个元素进行操作的。

测试代码如下:



	
		
		offsetTop&&offsetHeight区别
		
	
	
		

offset...区别

如果为 p 设置了 scrollTop,这些内容可能不会完全显示。
测试结果如下:
关于offsetTop与offsetHeight的区别以及使用方法_第1张图片

你可能感兴趣的:(Javascript,jQuery)