css :
#gotop{
background:url(../images/gotop.png) no-repeat;
width:70px;
height:60px;
cursor:pointer;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/gotop.png', sizingMethod='scale');
_background-image:none;
display:none;
position:fixed;
right:10px;
bottom:10px;
_position:absolute;
_top:0px;
_bottom:auto;
_display:block;
_visibility:hidden;
}
html:
<div id="gotop"></div>
js:
<script type="text/jscript"
$(document).ready(function(e) {
//回顶部
init_gotop();
});
//回顶部
function init_gotop()
{
$(window).scroll(function(){
var s_top = $(document).scrollTop()+$(window).height()-70;
if($.browser.msie && $.browser.version =="6.0")
{
$("#gotop").css("top",s_top);
if($(document).scrollTop()>0)
{
$("#gotop").css("visibility","visible");
}
else
{
$("#gotop").css("visibility","hidden");
}
}
else
{
if($(document).scrollTop()>0)
{
if($("#gotop").css("display")=="none")
$("#gotop").fadeIn();
}
else
{
if($("#gotop").css("display")!="none")
$("#gotop").fadeOut();
}
}
});
$("#gotop").bind("click",function(){
$("html,body").animate({scrollTop:0},"fast","swing",function(){});
});
var top = $(document).scrollTop()+$(window).height()-70;
if($.browser.msie && $.browser.version =="6.0")
{
$("#gotop").css("top",top);
if($(document).scrollTop()>0)
{
$("#gotop").css("visibility","visible");
}
else
{
$("#gotop").css("visibility","hidden");
}
}
else
{
if($(document).scrollTop()>0)
{
if($("#gotop").css("display")=="none")
$("#gotop").show();
}
else
{
if($("#gotop").css("display")!="none")
$("#gotop").hide();
}
}
}
</script>