元素滚动scroll系列

scroll系列有四个属性，包含element.scrollTop、element.scrollLeft、element.scrollHeight、element.scrollWidht

此外window.pageYOffset表示页面被卷进去的头部

element.scrollTop 被卷去的上侧距离

如下：

 

element.scrollLeft 被卷去的左侧距离

element.scrollWidth 自身的实际宽度

element.scrollWidth 自身的实际宽度

元素的实际高度不是值元素的盒子的高度，而是盒子的高度+滚动的内容的高度

 

注意：要使用scrollTop的属性值，需要在scroll事件中进行使用，如下：

var div = document.querySelector('div');
div.addEventListener('scroll', function(){//滚动事件，当滚动条触发时，会触发的事件
    console.log(this.scrollTop);
})