js的scroll事件

 这个代码是在id为box的div里写了很多p标签然后溢出,给#box设置overflow:scroll;然后在#box里滚动条滚动时就会输出

<script>
    var box = document.getElementById("box");
    // 元素对象的onscroll事件,当元素内容发生滚动时触发,它是一个频繁触发的事件
    box.onscroll = function(){
        // console.log("div发生滚动了");
        
        // scrollTop属性表示元素纵向滚动偏移量
        // console.log(box.scrollTop);
        
        // scrollHeight属性表示元素的内容高度
        // console.log(box.scrollHeight);
        
        // 元素内容高度 - 元素本身高度 = 最大偏移量
        // 元素的当前偏移量等于最大偏移量时，说明滚动到底部了
        if((box.scrollHeight - box.clientHeight) == box.scrollTop){
            console.log("到底了");
        }
    }
</script>