Js中 关于top、clientTop、scrollTop、offsetTop

阅读更多

obj.clientWidth   //获取元素的宽度

obj.clientHeight  //元素的高度

obj.offsetLeft   //元素相对于父元素的left

obj.offsetTop  //元素相对于父元素的top

obj.offsetWidth  //元素的宽度

obj.offsetHeight //元素的高度

区别:

clientWidth = width + padding

clientHeight = height + padding

offsetWidth = width + padding + border

offsetHeight = width + padding + border
offset比client多了border的宽度

 

offsetTop:合并后的高度 
scrollTop:已滚动过去的高度 
scrollHeight:滚动显示区的高度 

详情如下图:

Js中 关于top、clientTop、scrollTop、offsetTop_第1张图片

 

你可能感兴趣的:(Js中 关于top、clientTop、scrollTop、offsetTop)