现在的位置: 首页 > 综合 > 正文

返回顶部的一段代码

2013年06月22日 ⁄ 综合 ⁄ 共 568字 ⁄ 字号 评论关闭

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>

 

抱歉!评论已关闭.