<!--Кнопки в верх в низ-->
<div style="position:fixed; right:0.5%; bottom: 20%; ">
<a href=#top onClick="scrollTo(0,0); return false;" title="Вверх страницы">
<img src="http://s6.uploads.ru/b4rCZ.png" alt="Вверх страницы"></a>
<br/>
<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
<img src="http://s6.uploads.ru/ubTD3.png" alt="Вниз страницы"></a>
</div>

<!--Кнопки в верх в низ-->
<div class="go-up" id='ToTop'><img src="http://s6.uploads.ru/b4rCZ.png" border="0" width=100% /></div>
<div class="go-down" id='OnBottom'><img src="http://s6.uploads.ru/ubTD3.png" border="0" width=100% /></div>
<style>
.go-up, .go-down {
  display: none;
  position: fixed;
  right: 9px;
  z-index: 9999;
  cursor: pointer;
  opacity:.7;
  margin-bottom: 5px;
  width: 25px;
  height: 90px;
}
.go-up {
  bottom: 200px; /* позиция кнопки Вверх по вертикали */
}
.go-down {
  bottom: 100px; /* позиция кнопки Вниз по вертикали */
}
.go-down:hover, .go-up:hover {
  opacity: 1.0;
}
</style>
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>