js获取滚动条偏移值

滚动条的偏移值的兼容问题
1、chrome支持的属性: document.body.scrollTop
2、chrome以外的其它浏览器支持的属性: document.documentElement.scrollTop
3、以上的属性可读,可写;

所以可以通过如下的方式获取滚动条的值

var scrollY = document.body.scrollTop || document.documentElement.scrollTop;

同样设置滚动条的偏移值:

document.body.scrollTop = 750;
document.documentElement.scrollTop = 750;

另外可以通过window.onscroll监听滚动轴滚动事件;

window.onscroll = function(){//当窗口滚动时触发
     console.log(i++)
}
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Window和document对象的区别 window对象window对象表示浏览器中打开的窗口window对象是...
    FConfidence阅读 6,785评论 0 5
  •   DOM 1 级主要定义的是 HTML 和 XML 文档的底层结构。   DOM2 和 DOM3 级则在这个结构...
    霜天晓阅读 5,396评论 1 3
  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 8,925评论 1 11
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 7,809评论 0 8
  • 文/意磬 [33]伤逝 冬雪在夜里偷偷覆盖了大地,像是在为犯罪者毁灭证据,一下就淹没了所有。院子里厚厚的一层雪,几...
    意磬阅读 3,430评论 33 32

友情链接更多精彩内容