JS实现返回顶部功能

当页面的高度很高,鼠标往下滑动之后,再往上滑动才能返回页面顶部,给用户不好的体验感,所以,利用js实现当往下滑动超过400像素后,显示按钮,点击可返回顶部,详细代码如下:





    
    
    
    Document
    



    

返回首屏

返回

结果:

JS实现返回顶部功能_第1张图片

 往下滑动超过400px像素出现按钮:

JS实现返回顶部功能_第2张图片

 点击按钮,直接返回顶部

JS实现返回顶部功能_第3张图片

 

你可能感兴趣的:(JS经典案例,JS,html)