<div style= "position:fixed; right:0.1%; bottom:45%;" id="nav_up"><img src="http://hal9va.3dn.ru/uCoz/verx-nuz/61058142.png" alt="В верх страницы" title="В верх страницы" border="0"/></div>
<div style= "position:fixed; right:0.1%; bottom:41%;" id="nav_down"><img src="http://hal9va.3dn.ru/uCoz/verx-nuz/91749186.png" alt="В низ страницы " title="В низ страницы" border="0"/></div>
   
   
  <script type="text/javascript">
  jQuery(function() {
  var overelem = jQuery('body');
   
  jQuery('#nav_up').fadeIn('slow');
  jQuery('#nav_down').fadeIn('slow');  
   
  jQuery('#nav_down').click(
  function (e) {
  jQuery('html, body').animate({scrollTop: overelem.height()}, 800);
  }
  );
  jQuery('#nav_up').click(
  function (e) {
  jQuery('html, body').animate({scrollTop: '0px'}, 800);
  }
  );
  });
  </script>