`

[转]js获取滚动条位置:绝对有效(经验之谈)

阅读更多
获取坐标: 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:水平方向
分享到:
评论

相关推荐

    DIY攒机35条经验之谈

    在DIY攒机的过程中,许多经验之谈可以帮助我们做出更明智的选择,避免不必要的浪费和问题。以下是一些关键的知识点: 1. 显存选择:对于中低端显卡,超过256MB的显存对性能提升并不明显,因此不必盲目追求大容量。 ...

    经验之谈:如何顺利实现adams和simulink的联合仿真

    经验之谈:如何顺利实现adams和simulink的联合仿真

    交易员必鉴:一个日内交易员的经验之谈.doc.pdf

    2. **盈利能力**:成功的日内交易员能够快速获取收益。以15万美金基准账户为例,使用4倍杠杆,成熟交易员每月提成可达10万人民币。然而,这样的盈利水平受到市场条件影响,如次贷危机前的裸空交易限制放宽,行情好的...

    学霸经验之谈:学好初中语文有方法.pdf

    学霸经验之谈:学好初中语文有方法.pdf

    学霸经验之谈:学好初中语文有方法.doc

    学霸经验之谈:学好初中语文有方法.doc

    div+css经验之谈

    【div+css经验之谈】 在网页设计领域,Div+CSS是构建网页布局的重要技术,它使得页面结构清晰,样式独立,便于维护和优化。本文档主要基于实践经验和实际工作中的应用,为初学者提供了一个深入理解div+css的基础。 ...

    技术分享:开关电源PCB设计经验之谈-et EDRH-B-4 贴片共模电感(大电流) 系列.pdf

    ### 技术分享:开关电源PCB设计经验之谈——et EDRH-B-4 贴片共模电感(大电流) 系列 #### 关键知识点概述 本技术分享主要围绕开关电源PCB设计中的关键组件——ET EDRH-B-4系列贴片共模电感进行详细讲解。该系列...

    单片机开发者经验之谈(绝对私藏)

    一个嵌入式 单片机开发者整理的资料以及其开发经验

    pcb 设计经验之谈

    要考虑信号层与电源/地层的位置关系,以及层间厚度、介电常数等因素。 9. **制造与装配考虑**:设计时要考虑到实际制造工艺和装配过程,例如最小孔径、最小线宽、最小间距等,确保设计的可制造性。 10. **迭代优化...

    关于下载全自动下载ImageNet等大型数据集的经验之谈,以及代码.zip

    关于下载全自动下载ImageNet等大型数据集的经验之谈,以及代码 关于下载全自动下载ImageNet等大型数据集的经验之谈,以及代码 关于下载全自动下载ImageNet等大型数据集的经验之谈,以及代码 关于下载全自动下载...

    关于网络推广外链的一些经验之谈.docx

    ### 关于网络推广外链的一些经验之谈 在当今互联网高度发达的时代,网络推广成为了企业和个人品牌提升知名度、增加曝光度的重要手段之一。而外链建设作为网络推广中不可或缺的一部分,其重要性不言而喻。本文将从多...

    FlashPaper经验之谈

    这篇“FlashPaper经验之谈”涵盖了我在使用该工具时积累的一些关键知识、注意事项以及问题解决策略。 首先,我们来详细了解FlashPaper的主要功能。它能够将Microsoft Office文档(如Word、Excel或PowerPoint)以及...

    需求编写的几点经验之谈

    ### 需求编写的几点经验之谈 #### 一、引言 在软件开发过程中,良好的需求管理是至关重要的第一步。它不仅关乎项目的成功与否,还直接影响到产品的质量和用户体验。错误的需求描述可能会导致时间浪费、项目延期...

    电子-电源调试经验之谈.pdf

    ### 电子-电源调试经验之谈 #### 一、引言 电源调试是电子设备开发过程中不可或缺的一环,尤其对于那些依赖稳定电源供应才能正常工作的系统来说更是如此。本篇文章基于《电子-电源调试经验之谈.pdf》的内容,总结了...

    项目管理经验之谈.docx

    项目管理经验之谈.docx

    需求编写的经验之谈

    通过遵循这些经验和原则,软件开发团队能够更有效地管理需求,降低项目风险,提高产品质量,从而实现更快的投资回报。同时,与客户的持续沟通和反馈也是确保需求正确理解的关键,这将有助于软件产品的成功交付和用户...

Global site tag (gtag.js) - Google Analytics