返回頂部

                $(function(){
                                 jianting();
                            fanhui();
                         })
                      //滾動監聽顯示回頂部
                        function jianting(){
                            $(window).scroll(function(){
                        // 滾動條距離頂部的距離 大於300px時
                                if($(window).scrollTop() >= 300){
                                    $("#box").fadeIn(1000); // 開始淡入
                                } else{
                                    $("#box").stop(true,true).fadeOut(1000); // 若是小於等於 300 淡出
                                }
                            });
                        }
                        function fanhui(){
                            $("#box").click(function(){
                            $("html,body").animate({scrollTop:"0px"},'slow');
                        });        
                        }

                            jianting();
                            fanhui();

 

部分

                    <div class="box" id="box" style="display: none;">          
                             <i class="fa fa-paper-plane y-colorwhite fa-2x"></i>
                     </div>

        

 

複製下來加個樣式就能用