返回顶部实现

当用户下拉一定距离,显示返回顶部按钮

监听下拉

// 监听滚动
window.onscroll=function(){
    //当滚动距离顶部超过300
    if($('html').scrollTop()>300){
        
    }
}

返回顶部

window.scrollTo(0,0);
//jquery带动画返回顶部
$('html').animate({ scrollTop: 0 }, 300);
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 解构“行动结构”的秘密
    D31 阿尔法号阿基米德舱110-黄丹 今天爬楼听了一阶段的总结，发现舱内真是藏龙卧虎，看到优卡的一阶段总结更是让...
    Michelle沐晨阅读 249评论 0赞 0
  • 四月唱
    正月里，红色灯笼挂满整个巷落，鞭炮的余辉在风里打着转，我经过了你的门前，想推门而入，望了望门前的那对福字，我转身而...
    晓凤姑娘阅读 199评论 0赞 2
  • 用CSS3制作3D图片环
    上一篇文章讲了利用css3制作3D图片爆炸效果，现在我们同样用css3制作3D图片环，我们先看一下实现的效果图：刚...
    相思雨gg阅读 1,827评论 5赞 19
  • Part1.
    今天下午许纂带我去了一趟灵隐寺，一进去便有一个俗家弟子迎出来教我们怎么燃香礼佛。 那是一座洞穴式隐庙，它的台阶...
    苏三的姐姐阅读 339评论 1赞 2