纯文字版返回顶端的js代码
作者:青柠时间:2026-10-28 02:48:03浏览:650
本文提供了一段纯文字版的JavaScript代码,用于实现网页返回顶部功能。代码包含变量定义、定时器控制滚动位置以及触发返回顶部的函数,通过简单的HTML链接调用即可实现平滑滚动效果。
纯文字版返回顶端的js代码
示例代码展示如下:
<script type="text/javascript">
定义变量 goto_top_type 初始值为 -1;
定义变量 goto_top_itv 初始值为 0;
定义函数 goto_top_timer() {
若 goto_top_type 等于 1,则 y 获取 document.documentElement.scrollTop
否则 y 获取 document.body.scrollTop;
定义移动步长 moveby 为 15;
y 减去 y 乘以 moveby 除以 100 的向上取整值;
如果 y 小于 0,则 {
y 赋值为 0;
}
若 goto_top_type 等于 1,则 {
document.documentElement.scrollTop 赋值为 y;
否则 {
document.body.scrollTop 赋值为 y;
}
如果 y 等于 0,则 {
清除定时器 clearInterval(goto_top_itv);
goto_top_itv 赋值为 0;
}
}
定义函数 goto_top() {
如果 goto_top_itv 等于 0,则 {
如果 document.documentElement 存在且其 scrollTop 存在,则 {
goto_top_type 赋值为 1;
否则如果 document.body 存在且其 scrollTop 存在,则 {
goto_top_type 赋值为 2;
否则 {
goto_top_type 赋值为 0;
}
如果 goto_top_type 大于 0,则 {
设置定时器 setInterval('goto_top_timer()', 50);
}
}
}
</script>
<a href="javascript:void(0)" onclick="goto_top()">【返回顶部】</a>作者最新文章
JS读取本地文件时报错或无响应的常见原因
2026-11-05 16:32:31
let、const与var的区别:JavaScript变量声明最佳实践
2026-11-05 14:16:38
JS中直接定义静态二维数组的字面量写法
2026-11-05 14:16:08
JS 怎么查找字符串中所有匹配项的位置
2026-11-05 14:15:53
JavaScript新手常犯的编码错误与最佳实践指南
2026-11-04 22:12:38
