超级会员免费看
本文详细讲解了JavaScript中元素偏移量offset、可视区client和滚动scroll系列属性，探讨了mouseenter与mouseover的区别，封装了动画函数，并通过网页轮播图案例展示了其实用技巧。还介绍了立即执行函数、load事件、页面滚动距离的获取以及节流阀的概念。
PC端网页特效
1. 元素偏移量 offset 系列
1.1 offset 概述
offset — 偏移量， 使用 offset 系列相关属性可动态的得到该元素的位置（偏移）、大小等。
- 获得元素距离带有定位父元素的位置；
- 获得元素自身的大小（宽度高度）。
- 注： 返回的数值都不带单位
offset 系列常用属性：
| offset 系列属性 | 作用 |
|---|---|
element.offsetParent |
返回作为该元素带有定位的父级元素，如果父级元素没有定位，则返回body |
element.offsetTop |
返回元素相对带有定位父元素上方的偏移 |
element.offsetLeft |
返回元素相对带有定位父元素左边框的偏移 |
订阅专栏 解锁全文
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
