<div class="apoud">  
   <div onclick="$('body').scrollTo(0, 300);" class="apou"></div>  
   <div class="apom" title="Запоминалка позиции"></div>  
   <div onclick="$('body').scrollTo($('body').height()+500, 300);" class="apod"></div>  
  </div>  

  <script>  
   var apotop;  
   $('.apom').toggle(function() {  
   $(this).addClass('apomon');  
   apotop = $('body').scrollTop();  
   }, function() {  
   $('body').scrollTo(apotop, 300);  
   $(this).removeClass('apomon');  
   });  
  // ApoTeam (c) 2013  
  </script>

.apoud {  
   position:fixed;  
   z-index:100;  
   bottom:15px;  
   right:15px;  
   }  
     
   .apou, .apom, .apod {  
   cursor:pointer;  
   width:32px;  
   height:32px;  
   }  
     
   .apou {  
   background:url('/images/apouarr.png') no-repeat;  
   }  
   .apom {  
   background:url('/images/apoposoff.png') no-repeat;  
   }  
   .apomon {  
   background:url('/images/apoposon.png') no-repeat;  
   }  
   .apod {  
   background:url('/images/apodarr.png') no-repeat;  
   }