本文详细解释了网页元素的各种尺寸概念，包括offsetdimensions（元素在屏幕上的视觉空间，包含填充、滚动条和边框）、clientdimensions（元素内容及其填充的空间，不包含滚动条空间）以及scrolldimensions（如scrollHeight、scrollWidth等属性，反映了元素内容的实际大小，不含滚动条且可以用来调整滚动位置）。这些概念对于理解网页布局和交互设计至关重要。
offset dimensions
all of the visual space that an element takes up on the screen. including all padding, scrollbars , and borders ( but not including margins ).
client dimensions
the space occupied by the element’s content and padding.
the space taken up by scrollbars is not counted.
scroll dimensions
- scrollHeight — the total height of the content if there were no scrollbars present.
- scrollLeft — the number of pixels that are hidden to the left of the content area. This property can be set to change the scroll position of the element.
- scrollTop — the number of pixels that are hidden in the top of the content area. This property can be set to change the scroll position of the element.
- scrollWeight — the total width of the content if there were no scrollbars present.(包括padding)
摘抄自 professional JavaScript for web developers ( third edition )
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
