监听滚动距离

window.addEventListener('scroll', () => {
  let s = document.documentElement.scrollTop || document.body.scrollTop;
    console.log('这就是滚动距离:', s);
}, true)

//window.addEventListener()监听方法。传入三个参数。
1. 第一个是事件的类型：click/mousedown/scroll/resize(监听屏幕大小)
2. 第二个是事件触发调用的函数。
3. 第三个参数是个布尔值用于描述事件是冒泡还是捕获。(该参数可选)。默认值为false冒泡传递，当为true时，事件使用捕获传递。

1. document.documentElement.scrollTop //可以监听事件距离
2. document.body.scrollTop //距离一直为0，可能作兼容的作用