2. Java
  3. CSS之元素视图属性

CSS之元素视图属性

xiaoxiao2021-02-28  80

1.clientLeft和clientTop

返回的是内容区域的左上角相对于整个元素左上角的位置（包括边框）

2.clientWidth和clientHeight

表示内容区域的高度和宽度，包括padding大小，但是不包括边框和滚动条

3.offsetLeft和offsetTop

offsetLeft和offsetTop表示相对于最近的祖先定位元素（CSS position 属性被设置为 relative、absolute 或 fixed 的元素）的左右偏移值

4.offsetParent

第一个祖定位元素（即用来计算上面的offsetLeft和offsetTop的元素）

offsetParent元素只可能是下面这几种情况：

<body>position不是static的元素body元素为定位元素的终极boss，所以其上头就没有其他定位元素了。也就是说body元素没有offsetParent

5. offsetWidth和offsetHeight

整个元素的尺寸（包括边框）

6.scrollLeft和scrollTop

scrollLeft和scrollTop表示元素滚动的像素大小。可读可写。这个玩意貌似我们用得比较多

7.scrollWidth和scrollHeight

表示整个内容区域的宽高，包括隐藏的部分。如果元素没有隐藏的部分，则相关的值应该等用于clientWidth和clientHeight。当你向下滚动滚动条的时候，scrollHeight应该等用于scrollTop + clientHeight

转载请注明原文地址: https://www.6miu.com/read-42273.html

技术

最新回复(0)