Ciao a tutti, sto creando una pagina con due bottoni start e stop che attivano e disattivano lo scorrimento automatico (se cliccato più volte start aumenta la velocità). Non sapendo neanche da dove partire, ho trovato questo su internet:

<script language="javascript">
i = 0
var speed = 1
function scroll() {
i = i + speed
var div = document.getElementById("nomeid")
div.scrollTop = i
if (i > div.scrollHeight - 160) {i = 0}
t1=setTimeout("scroll()",100)
}
</script>

<body onload="scroll()">

<input type="button" value="Start" onclick="scroll()" id="start">
<input type="button" value="Stop" onclick="clearTimeout(t1)" id="stop">


<div class="testo" id="nomeid">

testo
testo
testo
testo

</div>

Funziona tutto bene, l'unico problema è che vorrei togliere la proprietà height dal css per evitare che rimanga dello spazio vuoto al di sotto del testo, ma non posso altrimenti l'autoscroll non funziona più


.testo
{
font:100% Georgia;
text-align: center;
color: black;
line-height:180%;
background:#DCDCDC;
width:auto;
height:5500;
border:none;
overflow:hidden;
}

Potete aiutarmi??