javascript回到顶部效果的实现代码
JavaScript代码 实现 效果 顶部 回到
2023-06-13 09:15:17 时间
//speed滚动速度time时间间隔
functiongotoTop(speed,time){
speed=speed||0.1;
time=time||16;
//滚动条到页面顶部的水平距离
varx=document.body.scrollLeft;
//滚动条到页面顶部的垂直距离
vary=document.body.scrollTop;
//滚动距离=目前距离/速度,因为距离原来越小,速度是大于1的数,所以滚动距离会越来越小
speed++;
window.scrollTo(Math.floor(x/speed),Math.floor(y/speed));
//如果距离不为零,继续调用迭代本函数
if(x>0||y>0){
window.setTimeout("gotoTop("+speed+","+time+")",time);
}
}
相关文章
- 学会JavaScript手写代码秘籍14道常用api
- javascript动态添加单元格的脚本代码
- Javascript数组添加shuffle方法的实现代码
- Javascript在IE或Firefox下获取鼠标位置的代码
- javascript年月日联动实现核心代码
- javascript动态调整图片尺寸实现代码
- 全选并改变TR颜色的javascript实现代码
- javascript简单抽屉效果的实现代码
- javascript新闻标题静态分页代码(无刷新)
- 非阻塞动态加载javascript广告实现代码
- javascript整除实现代码
- Javascript动态绑定事件的简单实现代码
- javascript数字数组去重复项的实现代码
- javaScript同意等待代码实现心得
- JavaScript之HTMLCollection接口代码
- 为JavaScript类型增加方法的实现代码(增加功能)
- JavaScript插入动态样式实现代码
- javascript仿qq界面的折叠菜单实现代码
- JavaScript用JQuery呼叫Server端方法实现代码与参考语法
- 使用JavaScript动态设置样式实现代码及演示动画
- JavaScript实现自己的DOM选择器原理及代码
- 利用JavaScript实现新闻滚动效果(实例代码)
- Javascript中克隆一个数组的实现代码
- javaScript对文字按照拼音排序实现代码
- javascript通过className来获取元素的简单示例代码
- Javascript实现获取窗口的大小和位置代码分享