http://blog.csdn.net/garfield21/article/details/4424781
获取坐标： IE (event.x event.y)
获取滚动条位置：
document.body.scrollTop （滚动条离页面最上方的距离）
document.body.scrollLeft （滚动条离页面最左方的距离）
当我用js获取当前垂直或者水平方向滚动条位置的时候，使用"document.body.scrollTop"或者"document.body.scrollLeft"是无效的，得到的数值永远是0。但是，当写在“onscroll”事件里面的时候，上述方法可以获得当前滚动条的位置。
当网页最前面有以下内容：
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
document.documentElement.scrollTop （滚动条离页面最上方的距离）
document.documentElement.scrollLeft （滚动条离页面最左方的距离）
所以为了准确取得当前滚动条的位置，正确的使用方法是：
document.documentElement.scrollTop：垂直方向
document.documentElement.scrollLeft：水平方向
相关推荐
js获取滚动条的宽，兼容所有浏览器。 直接alert（getScrollerWidth）即可看到效果
### JavaScript 获取滚动条位置并将页面滑动到锚点 #### 前言 在现代Web应用开发中，尤其是在移动端的应用场景下，用户交互体验尤为重要。其中一项常见的需求就是实现页面内的快速定位，即通常所说的“锚点”功能...
### JavaScript 获取滚动条高度、页面宽度与高度 在前端开发中，经常需要处理与浏览器窗口相关的操作，例如响应式设计、动态布局调整等。本文将详细介绍如何使用JavaScript来获取滚动条的高度、页面的宽度和高度。 ...
控制滚动条位置主要依赖于`document.documentElement.scrollTop`和`document.documentElement.scrollLeft`这两个属性，它们分别用于设置或获取文档视图的垂直和水平滚动距离。在给定文件的部分内容中，`document....
在介绍JavaScript获取滚动距离的方法时，首先要了解的是页面滚动条的机制和页面布局相关的一些基本概念。在Web开发中，页面的滚动一般指的是当页面内容超出了视窗（视图区域）的大小时，用户可以使用滚动条来查看未...
虽然这种方法可以实现实时跟踪滚动条位置的功能，但并不符合“滚动条刷新定位”的需求。正确的做法应该是将滚动位置保存在本地存储中，而不是实时更新某个元素的位置。 #### 五、注意事项 1. **兼容性问题**：不同...
代码如下:[removed] // 说明：用 Javascript 获取滚动条位置等信息 // 来源 ：ThickBox 2.1 function getScroll() { var t, l, w, h; if (document.documentElement && document.documentElement.scrollTop) { t = ...
当从一个需要缓存的页面跳转时，我们获取当前页面（`from`）的滚动条位置，并将其保存到`from.meta.scrollTop`中。这样，当用户返回时，这个位置信息依然存在。 最后，在列表组件内部，我们可以利用组件的生命周期...
当用户滚动时，我们需要获取滚动元素的滚动高度和总高度，以及可视区域的高度，然后计算出当前滚动条应该显示的位置。这通常涉及到`element.scrollTop`，`element.scrollHeight`和`element.clientHeight`属性。 4....
这个名为"js监听滚动条改变导航元素位置和样式.rar"的压缩包文件提供了一个实例，教你如何利用原生JavaScript来实现这一功能，特别适合初学者学习。以下是关于这个主题的详细讲解。 首先，我们需要理解滚动条事件。...
这里主要判断了IE浏览器，因为IE在获取滚动条位置方面与其他浏览器有所不同。 2. **选择正确的body或documentElement对象**：由于IE在标准模式和怪异模式下使用的对象不同，因此需要根据`document.compatMode`来决定...
在JavaScript（JS）编程中，控制滚动条自动向下滚动是一种常见的需求，特别是在实时聊天、论坛或者日志更新等场景中，我们希望用户能够始终保持看到最新的内容。本篇将详细讲解如何利用JavaScript实现这一功能，以及...
### 获取鼠标在页面上的位置（包括滚动条） #### 概述 在网页开发过程中，有时候我们需要获取用户鼠标在页面上的具体位置，特别是当页面存在滚动条时，这将有助于实现某些交互功能，如动态提示、点击反馈等。本文...
而滚动条位置的问题则关系到用户体验的连贯性，确保用户在离开页面后再次返回时，能够直接回到之前查看的位置，这是现代Web应用优化的重要部分。 1. **H5页面返回**：在H5页面间进行导航时，用户可能会通过浏览器的...
我们使用 `ref` 属性来获取滚动条组件的引用，然后使用 `setScrollLeft` 方法来设置滚动条的滚动位置。 实现细节 在这个例子中，我们使用 Vue.js 的 Composition API 来实现滚动条的功能。我们首先定义了一个 `...
// 获取滚动条的垂直偏移量 // 更新其他div的滚动位置 var otherDiv = document.getElementById('otherDivId'); otherDiv.scrollTop = scrollTop; } ``` 为了实现联动，我们需要将`syncScroll`函数作为监听器...
【标题】"简单JS随滚动条滚动导航"所涉及的知识点主要集中在JavaScript的事件监听、DOM操作以及CSS样式实现上。这种类型的导航栏通常用于网页设计中，它能随着用户滚动页面而改变位置，始终保持在可见区域，为用户...
这一功能对于提升用户体验非常重要，尤其是在长篇文档、论坛或博客等场景下，用户可能需要在阅读过程中进行其他操作，然后再回到阅读的地方，此时保存滚动条位置的功能就显得尤为必要。 ### 一、基本原理 在网页中...
可以监听滚动事件，比如`scroll`，来获取滚动条的位置，并据此更新内容的显示。例如： ```javascript const scrollbar = document.querySelector('.horizontal-scrollbar'); const content = document....