求clientHeight offsetHeight scrollHeight scrollTop等属性的用法解答。最好是图文并茂,先谢谢了
解决方案 »
- extjs4 checkGroup和radioGroup如何绑定check事件
- 有个dll控件,但是不知道ActiveX控件名,如何获取才能调用 ActiveXObject("xxxx")?
- 请教...在JSP页面中如何用javascript来检验表单中邮箱问题
- 关于HTML a 标签传参的问题
- 在文本框中输入中文为什么不触发onkeyup事件
- 怎栏在WEB页而调用操作系统中的应用程序?
- 如何用js判断输入框提交的内容第一个和最后一个不能为".",中间的内容为英文字母?
- 如何刷新父窗口的父窗口?
- 请问各位高手:我看到有的网页打开时,鼠标后面跟着几个心型图标,时大时小,很是漂亮,不知如何实现?请多多指教,E-MAIL:[email protected].
- springmvc项目将项目访问路径设置为全局变量的问题
- 页面排序的问题
- 怎样拿到窗体句柄?
大家对 clientHeight 都没有什么异议,都认为是内容可视区域的高度,也就是说页面浏览器中可以看到内容的这个区域的高度,一般是最后一个工具条以下到状态栏以上的这个区域,与页面内容无关。offsetHeight
IE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。
NS、FF 认为 offsetHeight 是网页内容实际高度,可以小于 clientHeight。scrollHeight
IE、Opera 认为 scrollHeight 是网页内容实际高度,可以小于 clientHeight。
NS、FF 认为 scrollHeight 是网页内容高度,不过最小值是 clientHeight。简单地说
clientHeight 就是透过浏览器看内容的这个区域高度。
NS、FF 认为 offsetHeight 和 scrollHeight 都是网页内容高度,只不过当网页内容高度小于等于 clientHeight 时,scrollHeight 的值是 clientHeight,而 offsetHeight 可以小于 clientHeight。
IE、Opera 认为 offsetHeight 是可视区域 clientHeight 滚动条加边框。scrollHeight 则是网页内容实际高度。同理
clientWidth、offsetWidth 和 scrollWidth 的解释与上面相同,只是把高度换成宽度即可。重要说明以上是在没有指定 DOCTYPE 的情况下,如果指定了 DOCTYPE,比如:DTD XHTML 1.0 Transitional,则意义又会不同,在这种情况下这三个值都是同一个值,都表示内容的实际高度。新版本的浏览器大多支持根据页面指定的 DOCTYPE 来启用不同的解释器。下载或浏览测试文件。如果要在指定的 DOCTYPE 下按上述意义来应用,怎么办呢?答案是:将 document.body 和 document.documentElement 一起应用,比如:document.documentElement.scrollLeft || document.body.scrollLeft(一般将 document.documentElement 写在前面),类似应用请参见:http://www.cftea.com/c/2008/06/U1FSRIC247DWTK2M.asp。
http://www.developer.com/img/2007/06/Scroll05.jpg