`
编程足球
  • 浏览: 257034 次
  • 性别: Icon_minigender_1
  • 来自: 福州
社区版块
存档分类
最新评论

document.body属性.document.body.scrollTop

 
阅读更多
1、若网页中含有< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >这一行代码,则应该使用document.documentElement
2、若网页中只有而没有上面的一行代码,则JS脚本应该使用document.body

document.body.clientWidth; //网页可见区域宽
document.body.clientHeight;//网页可见区域高
document.body.offsetWidth ;//网页可见区域宽(包括边线的宽);
document.body.offsetHeight //网页可见区域高(包括边线的宽);
document.body.scrollWidth;//网页正文全文宽:
document.body.scrollHeight;//网页正文全文高:
document.body.scrollTop;//网页被卷去的高:
document.body.scrollLeft;//网页被卷去的左
window.screenTop;//网页正文部分上(页面与显示器的边框)
window.screenLeft;//网页正文部分左(页面与显示器的边框)
window.screen.height;//屏幕分辨率的高(显示器分辨率)
window.screen.width;//屏幕分辨率的宽(显示器分辨率)
window.screen.availHeight;//屏幕可用工作区高度
window.screen.availWidth;//屏幕可用工作区宽度


3. 下面是我自己写的测试代码


  • 大小: 100.6 KB
分享到:
评论

相关推荐

    火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题

    首先,我们需要理解`document.body.scrollTop`和`document.documentElement.scrollTop`这两个属性的作用。它们分别表示文档体和整个文档元素的垂直滚动距离。在理想情况下,这两个属性应该返回相同的值,即页面当前...

    document.body.scrollTop用法

    `document.body.scrollTop` 是一个用于获取或设置浏览器中页面垂直滚动距离的属性。这个属性在前端开发中非常实用,尤其是在处理页面滚动效果、动态布局调整等方面。通过了解并掌握 `document.body.scrollTop` 的...

    解决VUE中document.body.scrollTop为0的问题

    Vue中document.body.scrollTop的值总为零的解决办法 最近在做vue的时候监听页面滚动发现document.body.scrollTop一直为0 但是发现document.body.scrollTop一直是0。 查资料发现是DTD的问题。 页面指定了DTD,即指定...

    Document.body.scrollTop的值总为零的快速解决办法

    在JavaScript中,`document.body.scrollTop` 是一个常用于获取网页滚动条顶部到页面内容顶部的距离的属性。然而,有时候你会发现这个属性的值始终为零,即使页面已经进行了滚动。这通常与文档类型声明(DOCTYPE)...

    document.documentElement和document.body区别介绍

    在标准模式下,则需要先判断document.documentElement.scrollLeft和document.documentElement.scrollTop是否为0,若是则使用document.body.scrollLeft和document.body.scrollTop。 了解了这些区别后,前端开发者在...

    document.body.scrollTop 值总为0的解决方法 比较常见的标准问题

    这段代码首先尝试获取`window.pageYOffset`,如果浏览器不支持,则回退到`document.documentElement.scrollTop`,如果还不行,再尝试`document.body.scrollTop`,最后如果所有尝试都失败,将`scrollTop`设为0。...

    document.documentElement &amp;&amp; document.documentElement.scrollTop

    在JavaScript中,`document.documentElement` 和 `document.documentElement.scrollTop` 是两个非常重要的属性,它们与网页文档的DOM(Document Object Model)交互,特别是涉及到页面滚动时的行为。本文将深入讲解...

    用document.documentElement取代document.body的原因分析

    上次的测试说明了document.body属性并不会给我们返回预期的结果,比如我们用document.body.clientHeight原本想取得“页面可见区域高度”,可实际上返回的是“页面实际内容高度”。 那我们怎么办呢?难道加上了文档...

    js中的如何定位固定层的位置.docx

    但需要注意的是,对于IE5.5及更高版本,需要特别处理`document.body.scrollLeft`和`document.documentElement.scrollLeft`,以及`document.body.scrollTop`和`document.documentElement.scrollTop`,以确保在所有...

    JS,Jquery获取各种屏幕的宽度和高度

    4. **`document.body.scrollTop`** 和 **`document.body.scrollLeft`**: - 这两个属性表示文档相对于视口已滚动的距离,即滚动条的位置。 5. **`window.screenTop`** 和 **`window.screenLeft`**: - 分别表示...

    javascript scrollTop正解使用方法

    在实际应用中经常会遇到以下问题:document.documentElement.scrollTop在Chrome里总为0document.body.scrollTop 在IE和firefox里总为01、各浏览器下 window.pageYOffset/document.documentElement.scrollTop/...

    javascript 获取网页高度宽度.pdf

    这个函数通过检查 `document.documentElement.scrollTop` 和 `document.body.scrollTop` 来确定滚动条的位置。在不同的浏览器中,这两个属性可能有不同的行为,因此需要进行条件判断来确保兼容性。 ```javascript ...

    javascript获取滚动条高度 页面宽度与高度

    scrollTop = document.body.scrollTop; } return scrollTop; } ``` 这个函数首先检查`document.documentElement.scrollTop`是否存在,如果存在则返回它的值;如果不存在,则尝试从`document.body.scrollTop`获取...

    由document.body和document.documentElement想到的

    4. `document.body.scrollTop`和`scrollLeft`分别表示垂直和水平方向上的滚动量。 此外,`window`对象提供了与屏幕和浏览器窗口相关的属性,例如`screenTop`、`screenLeft`、`screen.height`和`screen.width`,这些...

    获取页面长宽和滚动条的位置

    y = document.body.scrollTop; x = document.body.scrollLeft; } return {X:x, Y:y}; } function main() { var div = document.getElementById("div"); for(var i=0; i; i++) { document....

    document.documentElement document.documentElement.scrollTop

    在标准的浏览器下,需要注意的东西,例如双击自动滚动 var diffY; if (document.documentElement && document.... else if (document.body) diffY = document.body.scrollTop else {/*Netscape stuff*/}

Global site tag (gtag.js) - Google Analytics