PC端网页特效异读

一、三大系列

1.元素偏移量（offset系列）

一般用来动态获得元素位置和自身大小

（1）一些属性

（2).offset和style的区别

(3).一些例子

**获取鼠标在盒子内坐标

**模拟框拖拽

2.元素可视区(client系列）

获取边框大小，元素大小

(1).一些属性

前两个专门获得上、左边框的大小
后两个不包含边框

(2).flexible.js源码分析

1.立即执行函数
不需调用
创建了一个独立的作用域，避免命名冲突
里面的变量是局部变量
第二个括号是调用函数，可传递参数

2.pageshow，重新加载页面事件
给window添加
e.persissted返回的是true

用pageshow不用load的原因

3.scroll系列

常用来获取滚动宽度
内容的宽度高度


例子，淘宝右侧边栏
某元素上面被卷去的长度用element.scrollTop
整个页面用window.pageYOFFset

兼容性问题

(4).三大系列小结