网页可见区域宽: 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 标签
分享到:
相关推荐
由于不同浏览器在处理`document.body.scrollTop`和`document.documentElement.scrollTop`上的差异,开发人员需要一种跨浏览器兼容的方法来准确获取滚动位置。一种常见的方法是编写一个函数,该函数检查当前浏览器的...
当开发者试图使用document.body.scrollTop来获取当前滚动条位置时,可能会遇到这个值一直返回0的情况。这种现象特别容易在不同浏览器之间出现兼容性问题,尤其在使用DOCTYPE声明时,不同浏览器可能有着不同的表现。 ...
在标准模式下,浏览器倾向于使用`document.documentElement.scrollTop`来获取页面的滚动位置,而不是`document.body.scrollTop`。 `document.documentElement` 指的是HTML文档的根元素,即`<html>`标签。在标准模式...
解决这个问题的方法是使用`document.documentElement.scrollTop`。下面的示例代码展示了如何修正这个问题: ```javascript window.onscroll = function() { var oFix = document.getElementById("divfix"); oFix....
在实际应用中经常会遇到以下问题:document.documentElement.scrollTop在Chrome里总为0document.body.scrollTop 在IE和firefox里总为01、各浏览器下 window.pageYOffset/document.documentElement.scrollTop/...
但在W3C标准模式下(如XHTML文档),`document.body.scrollTop`通常返回0,此时应使用`document.documentElement.scrollTop`和`document.documentElement.scrollLeft`来获取正确的滚动值。 以下是一段具有良好兼容...
这个函数通过检查 `document.documentElement.scrollTop` 和 `document.body.scrollTop` 来确定滚动条的位置。在不同的浏览器中,这两个属性可能有不同的行为,因此需要进行条件判断来确保兼容性。 ```javascript ...
4. **`document.body.scrollTop`** 和 **`document.body.scrollLeft`**: - 这两个属性表示文档相对于视口已滚动的距离,即滚动条的位置。 5. **`window.screenTop`** 和 **`window.screenLeft`**: - 分别表示...
scrollTop = document.body.scrollTop; } return scrollTop; } ``` 这个函数首先检查`document.documentElement.scrollTop`是否存在,如果存在则返回它的值;如果不存在,则尝试从`document.body.scrollTop`获取...
4. `document.body.scrollTop`和`scrollLeft`分别表示垂直和水平方向上的滚动量。 此外,`window`对象提供了与屏幕和浏览器窗口相关的属性,例如`screenTop`、`screenLeft`、`screen.height`和`screen.width`,这些...
这段代码的意思是,如果`document.documentElement.scrollTop`的值不为0,则使用它,否则使用`document.body.scrollTop`。类似的,可以使用`document.documentElement.scrollLeft`来获取水平滚动的距离。 以下是...
3. **回退至 `document.body.scrollTop`**:如果上述两种方法都不可行,则尝试使用 `document.body.scrollTop`,尽管它在某些情况下可能不准确或返回0。 示例代码如下: ```javascript var scrollPos; if (typeof ...
在网页中,可以通过`window.scrollTo()`或`document.body.scrollTop`和`document.documentElement.scrollTop`来控制或获取页面的滚动位置。其中,`document.body.scrollTop`适用于大多数情况,而`document....
* `document.body.scrollTop`:获取浏览器的被卷去的高度 * `document.body.scrollLeft`:获取浏览器的被卷去的左边距 ### 使用 `window` 对象 * `window.screen.height`:获取浏览器的屏幕高度 * `window.screen....
然而,IE6到IE10在没有DOCTYPE声明的页面中,推荐使用`document.body.scrollTop`,而在有DOCTYPE声明的页面中,应该使用`document.documentElement.scrollTop`。Safari浏览器则有自己的方法,即`window.pageYOffset`...
- `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 + ...
在 Internet Explorer 中,也可以使用 `document.documentElement.scrollTop` 来获取滚动条位置,因为 IE 的标准模式下,`body` 对象并不总是包含滚动条信息。 5. `window.innerHeight` 和 `window.innerWidth` 这...