在線DEMO：傳送門

HTML代碼（放在頁(yè)面任意位置，并用CSS美化）：

復(fù)制代碼 代碼如下:

<p><a href="#top"><span></span>回到頂部</a></p>

JS代碼：

復(fù)制代碼 代碼如下:

<script type="text/javascript" src="js/jquery-1.7.2.min.js">
</script>
<script type="text/javascript">
    $(document).ready(function() {
        //首先將#back-to-top隱藏
        $("#back-to-top").hide();
        //當(dāng)滾動(dòng)條的位置處于距頂部100像素以下時(shí)，跳轉(zhuǎn)鏈接出現(xiàn)，否則消失
        $(function() {
            $(window).scroll(function() {
                if ($(window).scrollTop() > 100) {
                    $("#back-to-top").fadeIn(1500);
                } else {
                    $("#back-to-top").fadeOut(1500);
                }
            });
            //當(dāng)點(diǎn)擊跳轉(zhuǎn)鏈接后，回到頁(yè)面頂部位置
            $("#back-to-top").click(function() {
                $('body,html').animate({
                    scrollTop: 0
                },
                1000);
                return false;
            });
        });
    });
</script>