`

收集关于scrollTop信息

阅读更多
要获取当前页面的滚动条纵坐标位置,用:
document.documentElement.scrollTop;收集关于scrollTop信息
而不是:
document.body.scrollTop;
documentElement 对应的是 html 标签,而 body 对应的是 body 标签。

在标准w3c下,document.body.scrollTop恒为0,需要用document.documentElement.scrollTop来代替;
如果你想定位鼠标相对于页面的绝对位置时,你会发现google里面1000篇文章里面有999.99篇会让你使用event.clientX+document.body.scrollLeft,event.clientY+document.body.scrollTop,如果你发现你的鼠标定位偏离了你的想象,请不要奇怪,这是再正常不过的事情。
ie5.5之后已经不支持document.body.scrollX对象了。
所以在编程的时候,请加上这样的判断
if (document.body && document.body.scrollTop && document.body.scrollLeft)
{
    top=document.body.scrollTop;
    left=document.body.scrollleft;    
}
if (document.documentElement && document.documentElement.scrollTop && document.documentElement.scrollLeft)
{
    top=document.documentElement.scrollTop;
    left=document.documentElement.scrollLeft;
}
分享到:
评论

相关推荐

    个人收集的一些实用小代码

    `Provider`指定数据提供者,`Data Source`是数据库文件的路径,`User Id`和`Password`是数据库登录信息。 【读取XML文件】 在ASP中,我们可以使用MSXML库(Microsoft XML Library)来读取XML文件。以下是一个简单...

    JavaScript 经典实例日常收集整理(常用经典)_.docx

    JavaScript 经典实例日常收集整理 本文总结了多个 JavaScript 经典实例,涵盖了跨扫描器添加大事件、跨扫描器移除大事件、跨扫描器阻止默认行为、跨扫描器获取目标对象、跨扫描器获取滚动条位置、跨扫描器获取可视...

    jquery意见反馈和返回顶部.rar

    在网页应用中,用户反馈是至关重要的,它有助于开发者收集用户的建议、投诉或问题,从而改进产品。jQuery可以用来创建动态和用户友好的反馈表单。通常,这包括使用AJAX技术发送异步请求,这样用户无需刷新页面即可...

    jQuery文字列表滚动的问卷调查表单提交

    // 提交成功后的回调,比如显示感谢信息 alert('感谢您的参与!'); }, error: function(xhr, status, error) { // 处理错误情况,如网络问题 console.error('提交失败:', error); } }); }); ``` 这里,...

    HTML及网页制作练习题-完整版..pdf

    * scrollTop是将网页滚动到顶部的技术,常用于网页的滚动效果。 * bgproperties是标签的一个属性,用于设置背景图片的属性。 * vlink是标签的一个属性,用于设置Visited链接的颜色。 本资源摘要信息对HTML及网页...

    网站右侧QQ浮动框,可用于QQ临时对话

    此外,服务器端语言如ASP或PHP的角色通常是处理用户提交的信息,例如收集用户的基本信息、记录聊天历史、甚至与后台数据库交互,提供更个性化的服务。在PHP中,可以创建一个AJAX接口,接收前端发送的用户数据,然后...

    在页面中js获取光标/鼠标的坐标及光标的像素坐标

    1. `event` 对象:在JavaScript中,当发生事件(如鼠标移动)时,会生成一个事件对象,其中包含了关于事件的各种信息,包括鼠标的位置。 2. `clientX` 和 `clientY`:这两个属性分别表示鼠标相对于视口左上角的水平...

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

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

    JQ 自动生成目录和点击跳转固定位置

    例如,我们可以使用`$('h1, h2, h3')`选择器获取所有一级、二级和三级标题,然后利用`.each()`遍历这些元素,收集标题文本和对应的ID(用于锚点链接)。 接着,我们可以创建一个侧边栏或者页眉区域的目录结构,每个...

    js封装的textarea操作方法集合(兼容很好)

    虽然你现在看来没什么用,当要用的时候又到处找资料,还不如现在收集一下。 在DOM里面操作textarea里面的字符,是比较麻烦的。 于是我有这个封装分享给大家,测试过IE6,8, firefox ,chrome, opera , safari。兼容没...

    网页浮动qq

    4. **收集反馈**:便于收集用户的反馈信息,帮助企业改进产品和服务。 #### 三、实现方法 ##### HTML/CSS 结构设计 网页浮动QQ通常采用HTML和CSS来构建基本结构。如示例代码所示: ```html ; FILTER:alpha...

    JS客服代码

    4. 隐私保护:遵守相关法律法规,不收集不必要的用户信息,尊重用户隐私。 综上所述,JS客服代码是网页中一种重要的交互设计,它通过JavaScript实现,确保用户在任何时刻都能轻松地与网站进行沟通。通过理解和实践...

    一些实用的jQuery代码片段收集

    `scrollTop`属性用于设置滚动条的位置。 ```javascript // 滚动到顶部 $("html, body").animate({ scrollTop: "0px" }, 1000); // 滚动到底部 $("html, body").animate({ scrollTop: $("#container").height...

    scroll-tagging:Scroll Tagging 是网络分析的一种形式,目的是记录用户何时滚动到页面的给定区域

    `sendTrackingData`通常会将这些信息发送到服务器或第三方分析工具,如Google Analytics,以便进行进一步的分析和报告。 滚动标签的应用场景非常广泛,包括但不限于以下几个方面: 1. **用户体验优化**:通过分析...

    黑马程序员PHP培训教程:发表聊天记录.docx

    - **处理响应结果**:根据服务器返回的结果更新页面提示信息,并在3秒后清除提示信息。 2. **优化用户体验**: - **自动清空表单**:发送成功后自动清空表单输入项,提高用户体验。 - **状态提示**:通过修改`...

    JavaScript 经典实例日常收集整理(常用经典)

    top: document.documentElement.scrollTop || document.body.scrollTop, left: document.documentElement.scrollLeft || document.body.scrollLeft; }; } ``` 获取浏览器窗口可视大小是响应式设计中不可或缺的...

    jquery实现的鼠标滚动调整设置input表格表单内容的特效源码.zip

    通过滚动鼠标,用户可以在不离开当前视图的情况下查看或编辑大量信息,提高数据处理的效率。 为了实现这样的功能,开发者可能需要掌握以下jQuery技巧: 1. 使用`$(window).scroll()`来监听滚动事件。 2. 使用`$.fn....

    pushUpTracker

    4. **数据收集与存储**:每当用户滚动时,我们收集这些信息(如滚动距离、停留时间等),然后可能将其存储在浏览器的本地存储(localStorage)或发送到服务器进行进一步分析。 5. **Ajax请求**:如果选择将数据发送...

    logtail:Java Webapp 从浏览器实时跟踪日志

    logElement.scrollTop = logElement.scrollHeight; } ``` ### 4. 异步优化 由于频繁的HTTP请求可能会带来性能问题,可以使用WebSocket建立持久连接,一旦服务器端日志更新,就立即推送到客户端。这种方式减少了...

Global site tag (gtag.js) - Google Analytics