通过循环计时器给页面滚动条设置动画--套路
2016-11-24 23:35
267 查看
var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
var end = 0;
var change = end - scrollTop;
var t = 0;
var maxT = 30;
var timer = setInterval(function() {
t++;
if(t>=maxT) {
clearInterval(timer);
}
document.body.scrollTop = Tween.Bounce.easeOut(t,scrollTop,change,maxT);
document.documentElement.scrollTop = Tween.Bounce.easeOut(t,scrollTop,change,maxT);
},17)
var end = 0;
var change = end - scrollTop;
var t = 0;
var maxT = 30;
var timer = setInterval(function() {
t++;
if(t>=maxT) {
clearInterval(timer);
}
document.body.scrollTop = Tween.Bounce.easeOut(t,scrollTop,change,maxT);
document.documentElement.scrollTop = Tween.Bounce.easeOut(t,scrollTop,change,maxT);
},17)
相关文章推荐
- DIV里Table的宽度设置为100%后页面出现滚动条的解决办法;DIV下移的解决办法 IE 和 FireFox 都通过
- 通过Forms身份验证设置不同页面的访问权限
- 通过编程为ASP.NET页面设置缓存
- 在asp.net中通过设置特定大小的热点实现页面跳转
- Apache服务器虚拟主机设置问题-如何使通过IP访问为默认的apache页面 <转载>
- 通过setTimeout调用设置iframe src的方法导致刷新页面时弹出没有权限错误!
- 水晶报表打印直接弹出打印设置页面不通过PDF进行打印
- 通过设置ime-mode在页面输入控件中关闭输入法
- 通过设置ime-mode在页面输入控件中关闭输入法
- 如何通过代码实现进入到手机的设置页面(比如开启gps设置的页面)
- 通过设置ime-mode在页面输入控件中关闭输入法
- (转)页面滚动条(scrollbar)颜色设置详解
- 通过编程为ASP.NET页面设置缓存
- 在asp.net中通过设置特定大小的热点实现页面跳转
- 页面滚动条(scrollbar)颜色设置详解
- 通过不同的masterpage给页面设置不同的样式
- 设置页面滚动条到最底部
- Flex中如何通过设置trackSkin为null将List控件中的滚动条轨道皮肤(track skin)去除的例子
- (转)IE6中设置 div 的最小高度 页面不出现滚动条
- android应用程序跳转到系统的各个设置页面和通过Intent action 跳转到系统页面,