scrollTop、offsetTop、clientTop

1.offsetTop：

obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置。

2.clientTop:

这个返回的是元素周围边框的厚度,如果不指定一个边框或者不定位改元素,他的值就是0。

3.scrollTop:

设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 (即网页被卷去的高)

如果元素是可以滚动的,可以通过这俩个属性得到元素在垂直方向上滚动了多远,单位是象素。

对于不可以滚动的元素,这些值总是0。

scrollTop、offsetTop、clientTop相关推荐

html5 scrollheight,JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等属性学习笔记...
全文参考:https://github.com/iuap-design/blog/issues/38 .MDN clientHeight,只读 clientHeight可以用公式 CSS height ...
html 滚动条 scrolltop scrollheight,浅谈JavaScript中scrollTop、scrollHeight、offsetTop、offsetHeight...
浅谈JavaScript中scrollTop.scrollHeight.offsetTop.offsetHeight 发布时间:2020-07-17 09:27:20 来源:亿速云阅读:223 作者 ...
html 滚动条 scrolltop scrollheight,JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等属性学习笔记...
全文参考:https://github.com/iuap-design/blog/issues/38 .MDN clientHeight,只读 clientHeight可以用公式 CSS height ...
深度剖析offsetParent、offsetTop、offsetLeft和ParentNode的区别
深度剖析offsetParent.offsetTop.offsetLeft和ParentNode的区别 ParentNode: 是直接结构上的父级,并不是显示父级 offsetParent: 有点类似 ...
cleintHeight、offsetHeight、scrollHeight、cleintTop、offsetTop、scrollTop、getClientRects、getBoundingClien
项目 Value cleintHeight 元素高度(不包括border) offsetHeight 元素高度(包括border) scrollHeight 元素内容高度(没有滚动的情况下,值等于cl ...
网页宽高clientWidth、offsetWidth、offsetTop 、offsetLeft宽高解析
style.width:样式宽 clientWidth:样式宽+padding(可视区宽) (如果有滚动条还要包括滚动条的宽度) offsetWidth:样式宽+padding(可视区宽)+borde ...
offsetParent、offsetTop、offsetLeft、offsetHeight、offsetWidth
1.offsetParent:获取第一个定位的父元素,如果所有父元素都没有定位,则返回body: <!DOCTYPE html> <html lang="en"& ...
花点时间记住scrollTop、clientHeight、offsetTop、scrollHeight
一.经典图解读先放上一张经典图看不懂,没关系!接下来耐心看完必然有不一样的收获. 我们常遇到的是实际是这么几个属性: offsetTop clientHeight scrollTop scroll ...
javascript中BOM介绍、屏幕尺寸、历史记录、URL解析、计算机信息获取、定时器、三大系列及兼容代码、封装动画函数、同步和异步
BOM介绍: BOM指的是浏览器对象模型,是用来操作浏览器的,例如浏览器弹窗.地址栏.滚动条等,浏览器顶级对象:window:页面中的所有内容都是属于window的,window可以省略:confir ...

scrollTop、offsetTop、clientTop

scrollTop、offsetTop、clientTop相关推荐

最新文章

热门文章