HTML верх

Код:
<!-- Скройлер аля Вконтакте (начало) -->
<style type="text/css">
#scroiller{
  position:fixed;
  height:100%;
  width:35px;
  top:0px;
  right:0px;
  cursor:pointer;
  z-index:10000;
}
#scroiller div{
  padding:3px 0px 0px 0px;
}
#scroiller div#up{
  display:none;
}
#scroiller div{
  height:50%;
  display:block;
  background:#fff;
  opacity:0.3;
}
#scroiller div:hover{
  opacity:0.85;
  background:#e2eef2;
}
#scroiller div{
  font:bold 1.1em Verdana;
  color:#0099cc;
}
</style>

<div id="scroiller">
<div id="back">< Назад</div>
<div id="up"><img src="http://uploads.ru/i/d/y/F/dyFlO.png"/></div>
<div id="down"><img src="http://uploads.ru/i/F/J/8/FJ8Z0.png"/></div>
</div>



<script type="text/javascript">
var scrl=1; // если = 0, то прокручивает до самого верха страницы, иначе до навигации по форуму
var marginpun=$('#pun').offset().left+5, scrolltrig=0;
if(marginpun>62)$('#scroiller').css({'width': marginpun});

$(window).scroll(function(){
if ($(this).scrollTop() > 382){
scrolltrig=1;
$('#scroiller #back').hide();
$('#scroiller #up').show();}
else{
scrolltrig=0;
$('#scroiller #up').hide();
$('#scroiller #back').show();}
});
  
$('#scroiller div').click(function () {
if(scrl!=0) scrl=$('#pun-navlinks').offset().top;
switch ($(this).attr('id')){
case('back'):{window.back(1); break;}
case('up'):{$('body,html').animate({scrollTop:scrl}, 500); break;}
case('down'):{$('body,html').animate({scrollTop:$('#pun-break3').offset().top-$(window).height()}, 500); break;}}});
</script>
<!-- Скройлер аля Вконтакте (конец) -->