<!--Кнопки в верх в низ-->
<style>
#Go_Top {
position: fixed; 
top: 35%; 
right: 5px; 
cursor:pointer; 
display:none;
z-index: 100000;
/* замедление */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
opacity: 0.6;
}

#Go_Top:hover {
opacity: 1;
}

#Go_Bottom {
position: fixed; 
top: 47%; 
right: 5px; 
cursor:pointer; 
display:none;
z-index: 100000;
/* замедление */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
opacity: 0.6;
}

#Go_Bottom:hover {
opacity: 1;
}
</style>
<div id='Go_Top'>
 <img src="http://forumupload.ru/uploads/000f/3e/e5/11370-1.gif" alt="Наверх" title="Наверх">
</div>
<div id='Go_Bottom'>
 <img src="http://forumupload.ru/uploads/000f/3e/e5/11370-2.gif" alt="Вниз" title="Вниз">
</div>
<!--Кнопки в верх в низ-->
<script type="text/javascript">
jQuery(function(){

 if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow")
 $(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow")
  else $("#Go_Top").fadeIn("slow")
 });


 if ($(window).scrollTop()<=$(document).height()-"999") $("#Go_Bottom").fadeIn("slow")
 $(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#Go_Bottom").fadeOut("slow")
  else $("#Go_Bottom").fadeIn("slow")
 });

 $("#Go_Top").click(function(){
  $("html, body").animate({scrollTop:0},"slow")
 })
 $("#Go_Bottom").click(function(){
  $("html, body").animate({scrollTop:$(document).height()},"slow")
 })
});
</script>