Autoscroll che si attiva/blocca tramite bottoni

**Giuseppe98** · 03-09-2015, 15:02

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??

**carlomarangoni** · 03-09-2015, 15:53

Originariamente inviata da Giuseppe98

.......Potete aiutarmi??

A fare cosa?

**Vincent.Zeno** · 03-09-2015, 16:42

prima cosa controlla lo script che ci hai fornito: ho fatto una prova e qui non scrolla niente.

poi è da verificare se quello che chiedi è possibile: non sempre gli scroller permettono di dare una senso di continuità ai contenuti (se è quello che stai cercando)

**Giuseppe98** · 04-09-2015, 00:34

Scusate, ero di fretta e non so neanch'io cosa ho scritto...riformulo il mio problema: ho trovato questo codice (funzionante) e vorrei modificarlo per la mia pagina. Vorrei lasciare i due pulsanti per attivare e disattivare l'autoscroll, ma non mi serve il riquadro, solo che appena cancello qualcosa dal codice, l'autoscroll non funziona più

Come faccio a cancellare il riquadro?
Spero di essermi spiegato meglio sta volta...

<html>
<head>
<style type="text/css">
.frame {
font:12px arial;
width:200;
height:200;
border:none;
overflow:scroll;
border:1px solid black;
padding:5;
}
</style>
<script language="javascript">
i = 0
var speed = 1
function scroll() {
i = i + speed
var div = document.getElementById("news")
div.scrollTop = i
if (i > div.scrollHeight - 160) {i = 0}
t1=setTimeout("scroll()",100)
}
</script>
</head>
<body onload="scroll()">
<div class="frame" id="news">
NEWS
<br><hr>
<br>Segment 1
<br>Segment 2
<br>Segment 3
<br>Segment 4
<br>Segment 5
<br>Segment 6
<br>Segment 7
<br>Segment 8
<br>Segment 9
<br>Segment 10
<br>Segment 11
<br>Segment 12
<br>Segment 13
<br>Segment 14
<br>Segment 15
<br>Segment 16
<br>Segment 17
<br>Segment 18
<br>Segment 19
</div>
<br><input type="button" value="Stop" onclick="clearTimeout(t1)">
<br><input type="button" value="Start" onclick="scroll()">
</body>
</html>

**Vincent.Zeno** · 04-09-2015, 01:16

ricorda di utilizzare il tag CODE per postare codice sul forum (vedi tasto "#" in modalità avanzata).

codice:

.frame {
font:12px arial;
width:200px;
height:200px;
overflow:hidden;
padding:5px;
}

Discussione: Autoscroll che si attiva/blocca tramite bottoni

Strumenti discussione

Ricerca discussione

Visualizza

Autoscroll che si attiva/blocca tramite bottoni

Tag per questa discussione

Permessi di invio