首页 > 建站教程 > JS、jQ、TS >  兼容IE6+的js获取滚动条距离顶部的距离正文

兼容IE6+的js获取滚动条距离顶部的距离

已经封装成函数,兼容IE6+和其他现代浏览器的JavaScript获取滚动条距离顶部距离的js代码:
//js获取滚动条距离顶部距离的函数
function getScrollTop() {
    var scrollPos;
    if(window.pageYOffset) {
        scrollPos = window.pageYOffset;
    }else if(document.compatMode && document.compatMode != 'BackCompat'){
        scrollPos = document.documentElement.scrollTop;
    }else if (document.body) {
        scrollPos = document.body.scrollTop;
    }
    return scrollPos;
}
//调用方法:
window.onscroll = function(){
    var scrollPos = getScrollTop();
    console.log("滚动条滚动了"+scrollPos+"px的距离!<br>");
}