返回顶部

因为只是展示的效果，内容需要自己添加一下撑开浏览器的高度以达到可滚动效果！

 

html代码：

<div class="dingbu2" style="width: 100px; height: 100px; background: #ccc;"></div>

 

CSS代码：

.dingbu2{display:none;}

 

JS代码：

    $(window).on('scroll',function(){
    var st = $(document).scrollTop();
        if( st>0 ){
            $('.dingbu2').fadeIn(300);
        }else{
            $('.dingbu2').fadeOut(300);
        } 
    });

    $(".dingbu2").click(function(){
        if(scroll=="off"){
            return;
        }
        $("html,body").animate({scrollTop: 0}, 600);
    });