backtop返回页面顶部jquery代码

<div id="toTop" style="width:30px;height:110px;border:1px solid #74B9DC; border-radius:5px; background-color: #74B9DC;text-align:center;padding-top:20px;position:fixed;top:350px;right:20px;cursor:pointer;display:none;font-size:18px;">回到顶部</div>
<script>
$(document).ready(function(){
    $(window).scroll(function(){
        if($(this).scrollTop()!=0){
            $('#toTop').fadeIn(3000);
        }
        else{
            $('#toTop').fadeOut(300);}
    });
    $('#toTop').click(function(){ 
        $('body,html').animate({scrollTop:0},1200);
    });
});
</script>

 

转载于:https://www.cnblogs.com/afish/p/3924838.html