JavaScript运动框架 解决防抖动问题、悬浮对联（二）

@H_403_0@本文实例是对<a target="blank" href="//www.jb51.cc/article/113906.htm">JavaScript运动框架（一）的应用

@H403_0@

scrollTop：

有时候网页很长，其高度大于显示器高度，会产生滚动，那么在高度方向上，“滚走”的部分就是scrollTop

@H_4030@<span style="color: #800000">var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

@H403_0@

offsetTop：

此属性可以获取元素的上外缘距离最近采用定位父元素内壁的距离，如果父元素中没有采用定位的，则是获取上外边缘距离文档内壁的距离。所谓的定位就是position属性值为relative、absolute或者fixed。

<p style="text-align: center">

@H_4030@图中，黑色框是网页文档，其高度：<span style="color: #800000">document.documentElement.scrollHeight;

@H403_0@绿色框是当前可见的客户区部分（不包括工具条，状态栏之类的），红色方框是要固定在客户区正中央的对联，假如网页高度很高，用户不停的滚动，要求对联以缓冲运动的形式保持在客户区右侧中央，（postion:fixed;可以做到，而且非常稳定的做到，滚动网页，div纹丝不动的焊在那里）。

@H_403_0@但我们想让它运动性的最后落脚在目标位置：

@H_403_0@

1：可以直接计算好位置，硬赋值； 2：缓冲运动到目标位置，效果更柔和。

一般不用第一种硬来，因为视觉效果很差，很生硬。