vue获取滚动条距离

// 定义一个函数用于获取滚动条的距离
function getScrollTop() {
    let scrollTop = 0;

    // 如果文档的元素存在，并且文档的元素有滚动条距离
    if (document.documentElement && document.documentElement.scrollTop) {
        scrollTop = document.documentElement.scrollTop;
    } 
    // 如果上面条件不满足，那么检查document.body是否有滚动条距离
    else if (document.body) {
        scrollTop = document.body.scrollTop;
    }

    // 返回滚动条的距离
    return scrollTop;
}

// 当窗口滚动时，调用上面的函数并在控制台打印滚动条的距离
window.onscroll = function() {
    console.log(getScrollTop());
}