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 获得
以上就是本次介绍的全部知识点内容,感谢大家对北冥有鱼的支持。
您可能感兴趣的文章:
- JS前端知识点offset,scroll,client,冒泡,事件对象的应用整理总结
- javascript中offset、client、scroll的属性总结
- javascript的offset、client、scroll使用方法详解
- js中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版
- javascript scrollLeft,scrollWidth,clientWidth,offsetWidth 完全详解