返回顶部

                $(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');
                        });        
                        }html

                            jianting();
                            fanhui();ui

 

部分htm

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

        

 

复制下来加个样式就能用io

相关文章
相关标签/搜索