jquery 实现回到顶部

最新推荐文章于 2022-11-06 08:13:21 发布

ludan1449092771

最新推荐文章于 2022-11-06 08:13:21 发布

阅读量223

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/ludan1449092771/article/details/48931851

版权

jquery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<pre name="code" class="css">.back_top {
  bottom: 0px;
  cursor: pointer;
  display: none;
  position: fixed;
  z-index: 1000;
  right: 5px;
}
.back_top {
  background: url(../images/up.png) no-repeat 0 0;
  width: 52px;
  height: 52px;
}

//回到顶部
    if($('.backTop').length==0){
        var backTop=$('<div class="back_top "></div>');
        $('body').append(backTop);
        $(window).scroll(function() {
            if ($(document).scrollTop() > 100) {
                backTop.fadeIn();
            }
            else {
                backTop.fadeOut();
            }
        });
        backTop.on('click',function(){
            $('body,html').animate({scrollTop:0},200); //点击按钮让其回到页面顶部
        }); //end
    }