<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="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>