首页 >

clientHeight、scrollHeight、offsetHeight和scrollTop之间区别 – js/jQuery – 前端,jquery.hammer.js

jquery.hammer.js,jquery 获取被点击的元素,jquery.load script,jquery获得行值,jqueryui resizable,jquery动态加减样式,jquery速成教程,jquery两点画线,jquery实现父子节点折叠,jquery.hammer.jsclientHeight、scrollHeight、offsetHeight和scrollTop之间区别 - js/jQuery - 前端,jquery.hammer.js

对上面信息的理解:
clientHeight就是当前能看到的页面大小,它的值随着浏览器的大小变化!简单的可以理解为浏览器窗口高度-标题栏、菜单栏、工具栏、地址栏、状态栏等高度(一般是最后一个工具条以下到状态栏以上的这个区域,与页面内容无关)。不包括boder的宽度,如果区域内带有滚动条,还应该减去横向滚动条不可用的高度,正常的是17px;

scrollHeight网页的内容高度。这个值比较麻烦,IE和火狐中大小有很大不同!
IE、Opera 认为 scrollHeight 是网页内容实际高度,可以小于 clientHeight。
NS、FF 认为 scrollHeight 是网页内容高度,不过最小值是 clientHeight。
以上都是百度百科中给出的解释,个人认为scrollHeight是网页的内容高度,即大家使用滑块所能看到的内容高度即可。

offsetHeight为模块的高度+边框的大小。
IE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。
NS、FF 认为 offsetHeight 是网页内容实际高度,可以小于 clientHeight。

scrollTop网页卷起来的高度(网页向上移动过程中,跑上去看不见的部分)。可以理解为scroll top offset是滚动条相对于其顶部的偏移。

window.screen.height是你电脑的屏幕宽度,即分辨率高。

推荐网址:
http://www.cnblogs.com/yuteng/articles/1894578.html(具体代码展示)
http://wenku.it168.com/d_000647093.shtml(详细解释)


clientHeight、scrollHeight、offsetHeight和scrollTop之间区别 - js/jQuery - 前端,jquery.hammer.js
  • 请问js怎么添加监听div的长宽变化的事件 - js/jQuery - 前端,jquery 控制图片上传大小
  • 请问js怎么添加监听div的长宽变化的事件 - js/jQuery - 前端,jquery 控制图片上传大小 | 请问js怎么添加监听div的长宽变化的事件 - js/jQuery - 前端,jquery 控制图片上传大小 ...

    clientHeight、scrollHeight、offsetHeight和scrollTop之间区别 - js/jQuery - 前端,jquery.hammer.js
  • 影视领域是不是很难进入 - js/jQuery - 前端,jquery 3d 国外
  • 影视领域是不是很难进入 - js/jQuery - 前端,jquery 3d 国外 | 影视领域是不是很难进入 - js/jQuery - 前端,jquery 3d 国外 ...

    clientHeight、scrollHeight、offsetHeight和scrollTop之间区别 - js/jQuery - 前端,jquery.hammer.js
  • 求现代甜宠小说 - js/jQuery - 前端,jquery 获取java后台数据
  • 求现代甜宠小说 - js/jQuery - 前端,jquery 获取java后台数据 | 求现代甜宠小说 - js/jQuery - 前端,jquery 获取java后台数据 ...