美文网首页
js获取滚动条偏移值

js获取滚动条偏移值

作者: CodeBub | 来源:发表于2018-05-24 21:48 被阅读0次

    滚动条的偏移值的兼容问题
    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++)
    }
    

    相关文章

      网友评论

          本文标题:js获取滚动条偏移值

          本文链接:https://www.haomeiwen.com/subject/oydejftx.html