|
//返回顶部
$.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 //滚动速度
});
|