返回顶部的一段代码

CSS:

.back_to_top{position:fixed;display:block;right:0;bottom:150px;width:20px;height:48px;background:url(../Nest/img/top.png) no-repeat;z-index:11; overflow:hidden;}

 

JQuery:
   

var back_to_top = $("a.back_to_top");
back_to_top.hide();
$(window).scroll(function() {
if ($(window).scrollTop() > 100) {
back_to_top.fadeIn(1500);
}
else {
back_to_top.fadeOut(1000);
}
});

back_to_top.click(function() {
$($.browser.safari || document.compatMode == 'BackCompat' ? document.body : document.documentElement).animate({
scrollTop: 0
}, 200);
return false;
});

 

Html:

<a class="back_to_top" href="javascript:void(0)"></a>

 

posted @ 2013-04-03 09:57  Care健康  阅读(135)  评论(0编辑  收藏  举报
版权
作者:Bober Song

出处:http://bober.cnblogs.com

Care健康:http://www.aicareyou.com

推荐空间:华夏名网

本文首发博客园,版权归作者跟博客园共有。

转载必须保留本段声明,并在页面显著位置给出本文链接,否则保留追究法律责任的权利。