一、scroll
scroll 相关属性可以动态的得到该元素的大小, 滚动距离等.
二、scroll属性
element.scrollTop
: 返回被卷去的上侧距离element.scrollLeft
: 返回被卷去的左侧距离element.scrollWidth
: 返回自身实际的宽度. 不含边框element.scrollHeight
: 返回自身实际的高度, 不含边框.
二、scroll事件
<body>
<div>
我是内容
我是内容
我是内容
我是内容
我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容
</div>
<script>
var div = document.querySelector('div');
div.addEventListener('scroll', function () {
console.log(div.scrollTop);
})
</script>
</body>