JS学习笔记---17 PC端网页特效-4、元素滚动 scroll 系列

4、元素滚动 scroll 系列

4.1、元素 scroll 系列属性

scroll 翻译过来就是滚动的，我们使用 scroll 系列的相关属性可以动态的得到该元素的大小、滚动距离等。

scroll 系列属性	作用
element.scrollTop	返回被卷去的上侧距离，返回数值不带单位
element.scrollLeft	返回被卷去的左侧距离，返回数值不带单位
element.scrollWidth	返回自身实际的宽度（实际内容，内容超出也计算在内），不含边框，包含padding，返回数值不带单位
element.scrollHeight	返回自身实际的高度（实际内容，内容超出也计算在内），不含边框，包含padding，返回数值不带单位

• 元素被卷去的头部：element.scrollTop
• 页面被卷去的头部：window.pageYOffset
• 页面被卷去的左侧：window.pageXOffset

4.1.1、页面滚动事件 onscroll

当页面滚动时触发的事件。

div.