使用jQuery实现返回顶部功能

<script src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.7.2.min.js">script>  
<script>  
$(function(){  
        //当滚动条的位置处于距顶部100像素以下时,跳转链接出现,否则消失  
        $(function () {  
            $(window).scroll(function(){  
                if ($(window).scrollTop()>100){  
                    $("#back-to-top").fadeIn(1500);  
                }  
                else  
                {  
                    $("#back-to-top").fadeOut(1500);  
                }  
            });  

            //当点击跳转链接后,回到页面顶部位置  

            $("#back-to-top").click(function(){  
                $('body,html').animate({scrollTop:0},1000);  
                return false;  
            });  
        });  
    });  
script>  

你可能感兴趣的:(Jquery)