scrolling

**giuliaangela** · 15-11-2005, 09:58

sto creando una pagina molto grande in orizzontale (oltre 3000 pixel) e ho biusogno di creare uno scroll della pagina da link molto preciso.
Per esempio vorrei che premuto il primo link, la pagina scorresse di esattamente 1000 pixel.
E' un sistema molto carino che avevo gia visto una volta su un sito ma non ricordo nè link nè sistema-

Mi aiutate?
Thanks

**Mich_** · 15-11-2005, 10:31

Lasciando stare i commenti su una pagina Web che scrolla in orizzontale,
e lasciando stare i commenti su una pagina Web che ha necessita` di precisoni del pixel,

ti segnalo i metodi
.scrollBy()
.scrollTo()

**giuliaangela** · 15-11-2005, 10:50

Bè, visto che non sai cosa sto facendo o, meglio, cosa voglio fare credo che qualsiasi commento sarebbe azzardato e superfluo.

Quindi, tralasciando i commenti, saresti così cortese da spiegarmi come usare quei metodi?
Io sto provando con

codice:

link

Ma non funziona.

**Xinod** · 15-11-2005, 11:04

link
ciao

**giuliaangela** · 15-11-2005, 22:23

Grazie Xinod e scusa se ti rispondo solo ora.

In effetti ragionando su quel "this" ero arrivata a capire che potevo sostituitlo anche con il nome di un frame e agire sul suo documento di source, ma purtroppo non è quello che sto cercando.
Usando Onclick="self.scrollTo(500,0);return false infatti salto esattamente nella sezione del documento che voglio, ma non ho l'effetto di scorrimento.
Da quello che ho potuto vedere in rete e anche cercando sul forum alla voce scrolling direi che quello che devo fare è una cosa forse più complessa di quella risolvibile con un semplice tag come quello che stavamo usando.

Provo a spiegarmi meglio, così potete aiutarmi meglio.

ho un documento molto lungo in altezza (circa 2000 pixel) contenuto in un frame laterale. Per ragioni che ora non sto qua a spiegare, ho bisogno che al click su un link il documento scorra e sottolineo scorra fino al punto desiderato. Voglio proprio che si veda il documento scivolare verso l'alto o verso il basso, un pò come quando si agisce sulle scrollbar.
Qualsiasi dritta è ben accetta.
Bacissimi-

**Xinod** · 16-11-2005, 03:57

si puo' fare in tanti modi diversi...
un esempio di scroll morbido:
pagina matta caricata nel frame con name="dascrollare"

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>da scrollare</title>
</head>
<body>
a







b







c







d







e







f







g







h







i







l







m







n
</body>
</html>

pagina che fa scrollare l' altro frame

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>fa scrollare</title>
<script language="JavaScript" type="text/javascript">
<!--
var timer=false;

function movimentoMorbido(quanto){
	var fromTop=parent.dascrollare.document.body.scrollTop;
	if(fromTop==quanto){
		if(timer) clearTimeout(timer);
		// eventuali istruzioni a fine movimento
		// alert('spostamento terminato');
	}
	else {
		if(fromTop>quanto){
			parent.dascrollare.document.body.scrollTop -= parseInt((2-(quanto-fromTop)/4)/(2*0.8));
		}
		else if (fromTop<quanto){
			parent.dascrollare.document.body.scrollTop += parseInt((2+(quanto-fromTop)/4)/(2*0.8));		
		}
		timer=setTimeout("movimentoMorbido("+quanto+")",50);
	}
}

function scrollaA(quanto){
	if(timer) clearTimeout(timer);
	movimentoMorbido(quanto)
}
//-->
</script>
</head>
<body>
scrolla a 1000

scrolla a 100
</body>
</html>

ciao

**giuliaangela** · 16-11-2005, 05:49

sei da sposare.

Mi sono alzata a quest'ora da folli e adesso provo la tua soluzione.

ah, se non funziona non ti sposo più.

**giuliaangela** · 18-11-2005, 17:19

premesso che lo script funziona da dio, ho due quesiti abbastanza importanti.
1) lo script non funziona con firefox, e ci sono rimasta un po male perchè è il browser che uso. C'è un modo attraverso il quale posso risolvere il problema?

2) siccome vorrei includere questa funzione in diverse pagine, esiste un modo per creare un include (sai sul genere asp) in modo tale da non dover copiaincollare lo script ogni volta? Oltre al fatto che se mi girasse di modificare le impostazioni potrei farlo agendo solo su un singolo file invece di diventare scema.

Grazie mille

**Xinod** · 18-11-2005, 18:19

1- strano, l' ho scritto, come faccio sempre, x firefox e poi ho provato se funzionasse su IE...
quale versione hai di FFox?
ho il dubbio che potrebbe non esserci ancora un body nell' altro frame quando provi a far partire la funzione
prova ad attendere completamente il caricamento dell' altro frame prima di cliccare sui link x scrollare
almeno x capire se e' quello il problema

altra prova:
in una pagina lunga abbastanza da poter essere scrollata aggiungi un link cosi'
alert()
e vedi se restituisce i px scrollati dall' inizio del documento

riportami infine precisamente il doctype che usi nel documento definitivo

2- puoi inserirlo in un js esterno come faresti normalmente

**giuliaangela** · 18-11-2005, 18:39

infatti non c'è il doctype

dici che è quello il problema?

visto che ci sono vorrei chiederti un'ultimissima cosa, poi giuro che la smetto :rollo:

e se avessi due frame distinti nella pagina e volessi farli scrollare entrambi cliccando sul link? si può fare? dimmi di si...

Ti ringrazio per la disponibilità

Poi ti posto i risultati del test su firefox
(IE, Opera e anche Safari per mac vanno ok)

Discussione: scrolling

Strumenti discussione

Ricerca discussione

Visualizza

scrolling

Permessi di invio