jqery返回顶部

wzxgoogle

于 2014-11-10 11:59:00 发布

阅读量1.2k

点赞数 1

分类专栏： js

js 专栏收录该内容

7 篇文章

订阅专栏

    <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>