纯文字版返回顶端的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>
作者最新文章