面试题：JavaScript 中如何实现基本的文档滚动监听并获取滚动距离

Question

请使用 JavaScript 编写代码实现对文档滚动的监听，并且能够实时获取页面垂直滚动的距离，要求兼容常见浏览器。

Answer 1

window.addEventListener('scroll', function() {
    const scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
    console.log('页面垂直滚动距离：', scrollTop);
});