回到顶部

Posted 2020-12-29 xsffliu

<div class="to-top"><img src="/wap/tpl/fanwe/shop/img/toTop.png" alt=""/></div>

$(function(){
            //        回到顶部
            $(window).scroll(function(){
                if($(window).scrollTop() > 100){
                    $(".to-top").fadeIn(1000);//一秒渐入动画
                }else{
                    $(".to-top").fadeOut(1000);//一秒渐隐动画
                }
            });

            $(".to-top").click(function(){
                $(‘body,html‘).animate({scrollTop:0},1000);
            });
        })

.to-top{
    display: none;
    width:47px;
    height:47px;
    position: fixed;
    bottom:100px;
    right:15px;
    img{
      width:47px;
    }
  }