首页 > 代码库 > 一个简单的返回顶部jQuery代码

一个简单的返回顶部jQuery代码

本文演示jQuery返回顶部,当文章页比较长时间,可以方便用户返回网站的顶部,实现代码也不难,大家学习下!

jQuery返回顶部

调用代码:

<script language="javascript" type="text/javascript" src=http://www.mamicode.com/"jquery-1.4.2.min.js"></script> >
其中scrollSilde.js代码为:

//返回顶部

$(function () { 
    $.fn.gotoTop = function (options) { 
        var defaults = { 
            showHeight: 150, 
            speed: 1000 
        }; 
        var options = $.extend(defaults, options); 
        $(document.body).prepend("<div id='totop'><a></a><p></p></div>"); 
        var $toTop = $(this); 
        var $top = $("#totop"); 
        var $ta = $("#totop a"); 
        var $bt = $("#totop p"); 
        $toTop.scroll(function () { 
            var scrolltop = $(this).scrollTop(); 
            if (scrolltop >= options.showHeight) { 
                $top.show(); 
            } 
            else { 
                $top.hide(); 
            } 
        }); 
        $ta.click(function () { 
            $("html,body").animate({ scrollTop: 0 }, options.speed); 
        }); 
        $bt.click(function () { 
            $("#mess").show(); 
        }); 
    } 
}); 


一个简单的返回顶部jQuery代码