Rumah >hujung hadapan web >html tutorial >client/scroll/offset width/height/top/left -记第一篇博客_html/css_WEB-ITnose
client/scroll/offset width/height/top/left (盒模型为contentBox,定位原点是元素左上角边框最外层的交点)
clientWidth width+左padding+右padding(如果有竖滚动条,那么要减去17px)
clientHeight height+上padding+下padding(如果有横滚动条,那么要减去17px)
clientTop border-top-width上边框宽度
clientLeft border-left-width 左边框宽度
offsetHeight 同下
offsetWidth borderLeftWidth + paddingLeft + width + paddingRight + borderRightWidth
offsetLeft 当前元素原点相对于定位父元素左上角边框最内层交点的左偏移量
offsetTop 当前元素原点相对于定位父元素左上角边框最内层焦点的上偏移量
offsetParent 相对于偏移的父元素
scrollHeight
如果元素无竖滚动条,paddingLeft + width + paddingRight.
如果有竖滚动条,那么和内容占用的宽度有关,具体怎么算的还没搞清楚。
scrollWidth
类似上面
scrollLeft 横滚动条滚过的长度
scrollTop 竖滚动条滚过的长度