元素的offset,scroll,client之间的区别和联系

Posted 云淡风轻i

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了元素的offset,scroll,client之间的区别和联系相关的知识,希望对你有一定的参考价值。

1.offset的偏移量是相对于父元素有定位时的偏移量;ps:元素自身有fixed定位,offsetParent的结果为null;
2.scroll是父元素内的内容滚动时的偏移;
3.client是元素本身的偏移量(元素周围边框的厚度,如果不指定一个边框或者不定位改元素,他的值就是0);
IE6.0、FF1.06+:
clientWidth = width + padding
clientHeight = height + padding
offsetWidth = width + padding + border
offsetHeight = height + padding + border
IE5.0/5.5:
clientWidth = width - border
clientHeight = height - border
offsetWidth = width
offsetHeight = height

以上是关于元素的offset,scroll,client之间的区别和联系的主要内容,如果未能解决你的问题,请参考以下文章

元素的client offset scroll三个系列

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

offset client scroll 三大系列

offset,client,scroll的学习记录

offset系列scroll系列与client系列

offset client scroll pageXOffset属性,mouseover与mouseenter事件区别