js实现页面回滚到顶端

最新推荐文章于 2021-06-22 19:22:05 发布

小K黑哥

最新推荐文章于 2021-06-22 19:22:05 发布

阅读量2k

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/kdm8866/article/details/9009133

版权

本文介绍了如何使用JavaScript实现页面快速回滚到顶部的功能，帮助读者理解并掌握这一常见的前端交互技巧。

摘要由CSDN通过智能技术生成

  <script language="javascript">  
var goto_top_type = -1;  
var goto_top_itv = 0;  
  
function goto_top_timer() {  
    var y = goto_top_type == 1 ? document.documentElement.scrollTop  
            : document.body.scrollTop;  
    var moveby = 15;  
    y -= Math.ceil(y * moveby / 100);  
    if (y < 0) {  
        y = 0;  
    }  
    if (goto_top_type == 1) {  
        document.documentElement.scrollTop = y;  
    } else {  
        document.body.scrollTop = y;  
    }  
    if (y == 0) {  
        clearInterval(goto_top_itv);  
        goto_top_itv = 0;  
    }  
}  
  
function goto_top() {  
    if (goto_top_itv == 0) {  
        if (document.documentElement && document.documentElement.scrollTop) {  
            goto_top_type = 1;  
        } else if (document.body && document.body.scrollTop) {  
            got