Height、clientHeight、scrollHeight、offsetHeight 、scrollTop、offsetTop
2024-09-04 16:29:00
Height
返回当前文档中的<body>元素的高度
clientHeight
对于没有定义CSS或者内联布局盒子的元素为0,否则,它是元素内部的高度(单位像素),包含内边距,但不包括水平滚动条、边框和外边距。
clientHeight 包含 padding
scrollHeight
scrollHeight的值在有滚动条的情况下包括滚动条滚动出去的内容,没有滚动条时是和
clientHeight
相同。包括元素的padding,但不包括元素的border和margin。scrollHeight也包括 ::before
和 ::after
这样的伪元素。
有滚动条 scrollHeight 包含 溢出的内容+padding
没有滚动条 scrollHeight = clientHeight
offsetHeight
包括元素的边框、内边距和元素的水平滚动条(如果存在且渲染的话),不包含:before或:after等伪类元素的高度。
offsetHeight 包含 border+padding+元素的水平滚动条
scrollTop
一个元素的 scrollTop
值是这个元素的顶部到视口可见内容(的顶部)的距离的度量。当一个元素的内容没有产生垂直方向的滚动条,那么它的 scrollTop 值为0。
offsetTop
当前元素相对于其 offsetParent
元素的顶部内边距的距离。就是当前元素顶部距离最近父元素顶部的距离
clientTop
一个元素顶部边框的宽度(以像素表示)。不包括顶部外边距或内边距
参考资料:搞清clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop
最新文章
- [No00001F]阅读速度如何快一点、再快一点?-不知道读啥?试试这些电影剧本!
- winrt组件库(包括翻书组件)
- canvas 线条不清楚的问题
- ELK——安装 logstash 2.2.0、elasticsearch 2.2.0 和 Kibana 3.0
- 第17章 使用iSCSI服务部署网络存储
- Javascript String类的属性及方法
- loadrunner_Controller技巧_overlay
- kubernetes多节点部署的决心
- Font-Awesome IIS下不显示问题
- 学习Redis从这里开始
- Flex 布局教程
- url地址栏拼接参数写法
- CUDA C Best Practices Guide 在线教程学习笔记 Part 2
- 团队作业7——第二次项目冲刺(Beta版本12.08-12.10)
- C#:多进程开发,控制进程数量
- 提升学习算法简述:AdaBoost, GBDT和XGBoost
- Python基础【day02】:元组和购物车练习的知识点
- spring注解@Scheduled中fixedDelay、fixedRate和cron表达式的区别
- 【pyspider】启动爬虫后在results页面没有看到结果
- Microsoft Azure Storage架构分析