offsetWidth、clientWidth、scrollWidth、scrollTop、scrollLeft等属性图示

ttx9n · 发表于 2010-7-30 01:17:20

图示offsetWidth、clientWidth、scrollWidth、scrollTop、scrollLeft等属性，对于一些页面的控制很有帮助。

注释1：上图整个大背景是这个网页的全部尺寸，中间的小框才是浏览器中的可见尺寸。这幅图就是针对为文档（document）的各个height、width、top、left所做的说明。

注释2：第二幅图主要是针对网页中一个div的各个属性值所做的说明。“DIV element client area”是这个div元素的可见区域，“scroll area”是这个div内容原始尺寸，但是由于div的css所设置的高度宽度容不下它的内容，所以出现滚动条。

下面还有张更混乱的，在网上流传比较广：

cxst1h57 · 发表于 2022-9-10 19:03:52

非常vbcbvcvbvcb

i3x3r3 · 发表于 2023-5-16 13:00:40

额UI废物iuhfujewfiewnnfen

w18pvaep · 发表于 2023-9-9 10:42:11

那三门，你们谁寂寞才快乐撒

r8st9 · 发表于 2023-10-27 02:03:14

笑纳了老板

额呵呵 · 发表于 2023-11-21 23:11:49

儿飞飞微风DVD谁vdsvd

9jduu05 · 发表于 2023-11-29 15:39:16

额UI废物iuhfujewfiewnnfen

errol123 · 发表于 2024-4-13 14:00:01

哦哦哦哦哦哦哦哦哦

bp5jgbcnt · 发表于 2024-4-28 14:02:24

你们谁看了弄洒了可能

ki9ku6 · 发表于 2024-4-29 13:55:47

你们谁看了弄洒了可能

账号		自动登录	找回密码
密码			立即注册

[心得技巧] offsetWidth、clientWidth、scrollWidth、scrollTop、scrollLeft等属性图示

相关帖子