barra de rolagem personalizada

Olá galera,

Estou com uma dúvida cruel, tenho botões com função de rolagem no frame principal e que estão funcionando muito bem, essa barra de rolagem é somente vertical (down/up) que controlam o conteudo de iframes dentro desse frame principal, gostaria de saber se existe algum jeito dessa barra não aparecer se não precisar ou seja se não houver mais conteúdo abaixo, código abaixo,

Obrigado a todos que puderem me ajudar.

JS:

<script type="text/javascript">

 var staticscrollspeed=2 //Enter scroll speed in integer (Advised: 1-3)

 

 var xcurrentscrollspeed=0

 var ycurrentscrollspeed=0

 

 function scroll(){

 cn.scrollBy(xcurrentscrollspeed,ycurrentscrollspeed)

	}

 

	setInterval("scroll()",20)

</script>

HTML:

 <div id="scroll">

 <div align="center">

 <a href="java script:scroll()"onmouseover="ycurrentscrollspeed=-staticscrollspeed" onMouseOut="ycurrentscrollspeed=0">

 <img src="links/up.png" alt="up" border="0" align="middle" overflow-x: "hidden"><br>

 </a>

 

 <a href="java script:scroll()"onmouseover="ycurrentscrollspeed=staticscrollspeed" onMouseOut="ycurrentscrollspeed=0"><br>

 <img src="links/dw.png" alt="down" border="0" align="middle" overflow: "auto"></a></div>