JS scroll系列

一、scrollHeight和scrollWidth

        scrollHeight：返回自身实际的高度，超出box大小也会记录在内

        注意：clientHeight和offsetHeight只能返回盒子的相关信息，没有考虑超出部分的实际高度。

        即使添加overflow:hidden，scroll也会返回实际的内容高度。

二、scrollTop和scrollLeft

        scrollTop：返回被滑动滚动条时卷上去的高度

        一般在scrollTop前会设置overflow:auto，创建一个滚动条。

三、scroll事件

        box.addEventListener('scroll', function () {
            console.log(box.scrollTop);
        }) // 增加侦听事件，当box盒子内滚动条拖动时，输出被卷上去的距离。

        window.pageYOffset：页面被卷去的头部

        window.pageXOffset：页面被卷去的左侧