js中offset,client , scroll 三大元素知识点总结

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

1，element.offsetWidth : 包括 padding 和 边框

2，element.clientWidth : 包括 padding ，不包含边框 ， 内容超出会溢出盒子的时候，就用scrollWidth

3，element.scrollWidth : 不包含边框

主要用法：

1，offset 系列 经常用于获得元素位置 offsetLeft offsetTop

2，client经常用于获取元素大小， clientWidth , clientHeight

3，scroll经常用于获取滚动距离，scrollTop scrollLeft

4，注意页面滚动距离 通过 window.pageXoffset window.pageYoffset 获得

以上就是本次介绍的全部知识点内容，感谢大家对的支持。

您可能感兴趣的文章:

• javascript的offset、client、scroll使用方法详解
• js中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版
• top、clientTop、scrollTop、offsetTop
• javascript scrollLeft,scrollWidth,clientWidth,offsetWidth 完全详解
• javascript中offset、client、scroll的属性总结
• scrollWidth,clientWidth,offsetWidth的区别
• 三剑客：offset、client和scroll还傻傻分不清？