JqueryscrollTopanimate實現動態滾動到頁面頂部

$.fn.backTop &＃61; function (options) {/*back & scroll to top */
var defaults &＃61; {
speed : 1000 //滾動到頂部的速度設置 單位是毫秒
,mouseEvent: "click"//事件觸發類型
,scrollTop:600 //配置滾動多少距離後出現“top”按鈕
,callback:function() {//animate(css,speed,callback);中的callback
alert(1);
}
,initScroll: function () {
$(window).bind(&＃39;scroll&＃39;,function () {
var top &＃61; $(this).scrollTop();
if(top>&＃61;options.scrollTop) {//配置滾動多少距離後出現“到頂部”按鈕
$("#backTop").fadeIn(500);return false;
} else {
$("#backTop").fadeOut(500);return false;
}
})
}
}
,options &＃61; $.extend(defaults,options);
options.initScroll();//實現滾動到一定文職自動出現“到頂部”按鈕
return this.each(function () {
var $this &＃61; $(this);
$this.bind(options.mouseEvent,function(e){
if(/webkit/.test(navigator.userAgent.toLowerCase())){
var dom &＃61; $("body");//如果是webkit內核的瀏覽器&＃xff0c;滾動條是body
} else {
var dom &＃61; $("html");//否則滾動條是html
}
dom.animate({scrollTop:"0"},options.speed,function () {
options.callback();
});
e.stopPropagation();
})
})
}