`
eric_hwp
  • 浏览: 125902 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

document.body.scrollTop用法

阅读更多
网页可见区域宽: 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;


scrollHeight: 获取对象的滚动高度。 
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 
event.clientX 相对文档的水平座标
event.clientY 相对文档的垂直座标

event.offsetX 相对容器的水平坐标
event.offsetY 相对容器的垂直坐标 
document.documentElement.scrollTop 垂直方向滚动的值
event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量
要获取当前页面的滚动条纵坐标位置,用:
document.documentElement.scrollTop;
而不是:
document.body.scrollTop;
documentElement 对应的是 html 标签,而 body 对应的是 body 标签
分享到:
评论

相关推荐

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

    由于不同浏览器在处理`document.body.scrollTop`和`document.documentElement.scrollTop`上的差异,开发人员需要一种跨浏览器兼容的方法来准确获取滚动位置。一种常见的方法是编写一个函数,该函数检查当前浏览器的...

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

    当开发者试图使用document.body.scrollTop来获取当前滚动条位置时,可能会遇到这个值一直返回0的情况。这种现象特别容易在不同浏览器之间出现兼容性问题,尤其在使用DOCTYPE声明时,不同浏览器可能有着不同的表现。 ...

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

    在标准模式下,浏览器倾向于使用`document.documentElement.scrollTop`来获取页面的滚动位置,而不是`document.body.scrollTop`。 `document.documentElement` 指的是HTML文档的根元素,即`<html>`标签。在标准模式...

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

    解决这个问题的方法是使用`document.documentElement.scrollTop`。下面的示例代码展示了如何修正这个问题: ```javascript window.onscroll = function() { var oFix = document.getElementById("divfix"); oFix....

    javascript scrollTop正解使用方法

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

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

    但在W3C标准模式下(如XHTML文档),`document.body.scrollTop`通常返回0,此时应使用`document.documentElement.scrollTop`和`document.documentElement.scrollLeft`来获取正确的滚动值。 以下是一段具有良好兼容...

    javascript 获取网页高度宽度.pdf

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

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

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

    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`,这些...

    js常用代码集锦.

    这段代码的意思是,如果`document.documentElement.scrollTop`的值不为0,则使用它,否则使用`document.body.scrollTop`。类似的,可以使用`document.documentElement.scrollLeft`来获取水平滚动的距离。 以下是...

    js浮动广告实现

    3. **回退至 `document.body.scrollTop`**:如果上述两种方法都不可行,则尝试使用 `document.body.scrollTop`,尽管它在某些情况下可能不准确或返回0。 示例代码如下: ```javascript var scrollPos; if (typeof ...

    保持页面滚动条位置的javascript代码

    在网页中,可以通过`window.scrollTo()`或`document.body.scrollTop`和`document.documentElement.scrollTop`来控制或获取页面的滚动位置。其中,`document.body.scrollTop`适用于大多数情况,而`document....

    js获取文本框的值!js获取浏览器高度和宽度值[收集].pdf

    * `document.body.scrollTop`:获取浏览器的被卷去的高度 * `document.body.scrollLeft`:获取浏览器的被卷去的左边距 ### 使用 `window` 对象 * `window.screen.height`:获取浏览器的屏幕高度 * `window.screen....

    深化浅析JavaScript中的scrollTop_.docx

    然而,IE6到IE10在没有DOCTYPE声明的页面中,推荐使用`document.body.scrollTop`,而在有DOCTYPE声明的页面中,应该使用`document.documentElement.scrollTop`。Safari浏览器则有自己的方法,即`window.pageYOffset`...

    js获取浏览器高度和宽度值(多浏览器)

    - `document.body.scrollTop` 和 `document.body.scrollLeft` 用于获取当前滚动条的位置。 - `window.screenTop` 和 `window.screenLeft` 表示浏览器窗口在屏幕上的位置。 - `window.screen.height` 和 `window....

    关于获取各种浏览器可见窗口大小

    s += "网页被卷去的高(ff):" + document.body.scrollTop + " "; s += "网页被卷去的高(ie):" + document.documentElement.scrollTop + " "; s += "网页被卷去的左:" + document.body.scrollLeft + ...

    javascript获取网页宽高方法汇总.docx

    在 Internet Explorer 中,也可以使用 `document.documentElement.scrollTop` 来获取滚动条位置,因为 IE 的标准模式下,`body` 对象并不总是包含滚动条信息。 5. `window.innerHeight` 和 `window.innerWidth` 这...

Global site tag (gtag.js) - Google Analytics