浮动回到顶部回到底部

<style type="text/css">
#top_div{
    position:fixed;
    bottom:80px;
    right:5%;
    display:none;
}
</style>
<script type="text/javascript">
window.onscroll = function(){
    var t = document.documentElement.scrollTop || document.body.scrollTop;
    var top_div = document.getElementById( "top_div" );
    var s = document.body.scrollHeight/2;
    if( t >=  s) {
        //top_div.style.display = "inline";
     $("#top_div").empty();
     $("#top_div").append('<a href="#top"><font id="font" color="blue">返回顶部<font></a>');
     top_div.style.display = "inline";
    } else {
        //top_div.style.display = "none";
        $("#top_div").empty();
        $("#top_div").append('<a href="javascript:scrollTo(document.body.scrollWidth,document.body.scrollHeight);"><font id="font" color="blue">返回底部<font></a>');
        top_div.style.display = "inline";
    }
}

</script>
<div id="top_div"><a href="#top"><font id="font" color="blue">返回顶部<font></a></div>
<br />
<br />
<div>