js中 offset /client /scroll总结

Posted chinaUnicom

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js中 offset /client /scroll总结相关的知识,希望对你有一定的参考价值。

  

offsetLeft offsetTop offsetWidth offsetHeight

offsetLeft:元素的边框的外边缘距离与已定位的父容器(offsetparent)的左边距离(不包括元素的边框和父容器的边框)。

offsetTop:同理是指元素的边框的外边缘距离与已定位的父容器(offsetparent)的上边距离(不包括元素的边框和父容器的边框)。

offsetWidth:描述元素外尺寸宽度,是指元素内容宽度+内边距宽度(左右两个)+边框(左右两个),不包括外边距和滚动条部分。

 offsetHeight:同理 描述元素外尺寸高度,是指 元素内容高度+内边距高度(上下两个)+边框(上下两个),不包括外边距和滚动条部分。







以上是关于js中 offset /client /scroll总结的主要内容,如果未能解决你的问题,请参考以下文章

js进阶之js三大家族:offset,scroll,client

JSjs进阶--之JS三大家族:offset家族 Scroll家族 client家族

js 元素offset,client , scroll 三大系列总结

js常用属性offset/style/client/scroll/鼠标事件和方法的封装

js中的盒子模型-client/offset/scroll

client offset scroll