欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-07-01 14:23:23
js 元素offset,client , scroll 三大系列总结 1,element.offsetwidth : 包括 padding 和 边框 2,eleme...

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 获得

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