扩展jQuery全局函数的“返回顶部”插件

//返回顶部
    $.backToTop = function (options) {
        //默认配置
        var defaults = {
            showHeight:150, //到达某个高度后显示返回顶部
            speed:500          //滚动速度
        };
        options = $.extend(defaults, options);    //覆盖默认配置
        $("body").append("<a id='toTop' title='返回顶部' href='javascript:void(0);'>返回顶部</a> >");      //添加html
        var $toTopObj = $(window);
        var $toTopa = $("#toTop");
        $toTopa.hide();
        $toTopObj.scroll(function () {
            var scrollTop = $(this).scrollTop();
            if (scrollTop >= options.showHeight) {
                $toTopa.fadeIn("fast");
            } else {
                $toTopa.fadeOut("fast");
            }
        });
        $toTopa.click(function () {
            $("html,body").animate({
                scrollTop:0
            }, options.speed, function () {
                $toTopa.fadeOut("fast");
            });
        });
    };
    //demo: 
    $.backToTop({
        showHeight:50, //到达某个高度后显示返回顶部
        speed:250          //滚动速度
    });
 

你可能感兴趣的:(jquery)