您的当前位置:首页正文

原生JS实现平滑回到顶部组件_javascript技巧

2020-11-27 来源:好走旅游网
返回顶部组件是一种极其常见的网页功能,需求简单:页面滚动一定距离后,显示返回顶部的按钮,点击该按钮可以将滚动条滚回至页面开始的位置。

实现思路也很容易,只要改变document.documentElement.scrollTop或document.body.scrollTop的值即可。

本文抛弃所有加速减速的酷炫效果,回归软件的本质,提供一个最简洁的实现,只追求实用性,不追求所谓的用户体验,效果如下

由于思路跟代码都很简单,所以就直接贴出实现细节了:



调用方式:


            
            
            
    
显示全文