随笔 - 58, 文章 - 0, 评论 - 6, 阅读 - 72650

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

一、offsetWidth|offsetHeight = 内容 + padding + border【不包括滚动条,overflow折叠起来的部分,相当于盒模型取掉marge】

 

 offsetTop|offsetLeft表示元素本身距离父级定位元素的距离,如果父级元素没有定位就相对于body

二、clientWidth|clientHeigh = 内容 + padding 【不包括border,滚动条,overflow折叠起来的部分】

clientTop|clientLeft表示元素的上边框|左边框的大小 【相当于border的大小】

三、scrollWidth|scrollHeigh = 内容 + padding + overflow折叠起来的部分

scrollTop|scrollLeft表示滚动的距离(上|左)【滚动条滚动后,可视区(顶部|左边)距离元素本身(顶部|左边)的距离】

红框表示实际可视区域大小

蓝框表示内容实际大小

绿色线标记部分就是scrollTop的大小

相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示