menu scorrevole lungo la pagine

**pod** · 05-07-2009, 12:09

ciao a tutti

devo risolvere questo problema e non ho la piu' pallida idea di come fare.
ho un menu che si deve spostare lungo la pagina verticalmente in modo da essere sempre visibile:

<div id="staticcontent"
style="position:absolute; width: 135px;">

Questo elemento sta fisso sulla pagina anche se la scorri. </p>
</div><script type="text/javascript">
var crossobj=document.all? document.all.staticcontent : document.getElementById("staticcontent")

var iebody=(document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body

function positionit(){
var dsocleft=document.all? iebody.scrollLeft : pageXOffset
var dsoctop=document.all? iebody.scrollTop : pageYOffset

if (document.all||document.getElementById){
crossobj.style.top=dsoctop+5+"px"
}
}
setInterval("positionit()",1000)
</script>

lo scrip l'ho preso da l forum.

tutto funziona bene tranne una cosa.
il menu, quando arrivo alla fine della pagina, si sovrappone alla parte finale della pagina
(ovvio visto che è impostato rispetto al top)

posso bloccarlo in qualche modo?

spero di essermi spiegato

grazie in anticipo

**loop** · 05-07-2009, 12:21

Io non ho capito dove vuoi bloccarlo! Visto che gli hai dato una posizione assoluta.

P.S. La posizione assoluta richiede obbligatoriamente almeno un top o un left

**pod** · 05-07-2009, 13:08

il menu è molto lungo quindi mantenendo una distanza pari a X dal top, quando arrivo alla fine della pagina, si sovrappone alla parte finale della pagina stessa

non posso spostarlo piu' in alto perchè si sovrapporrebbe al top

devo quindi dargli una posizione relativa che prenda in considerazione il top ed il bottom?

ma come?

**pod** · 05-07-2009, 22:27

e se invece che posizionarlo ad una distanza predefinita dalll'alto lo facessi dal basso?

è possibile?

**pod** · 15-07-2009, 13:22

nessuno sa aiutarmi?

grazie

**Enzaccio** · 15-07-2009, 21:36

... e fu così che il terzo giorno, enzaccio assegnò overflow: hidden al body, affinché fossero i div a dare lo scroll.
Ne' derivò un layout fatto di position: absolute; e coordinate top right bottom e left plasmabili con la creta estratta da un sito non contaminato.
Voce di un uomo che grida nel deserto di html.it, riferisci al profeta se sei disposto a spogliarti di tutto e a seguire la via indicata.

codice:

<body style="margin: 0px; overflow: hidden">

<div id="staticcontent"
  style="position: absolute; top: 0px; left: 0px; width: 135px; height: 100%; 
                          padding: ; overflow: auto; border: 1px dashed black">



Questo elemento sta fisso sulla pagina anche se la scorri. </p>
</div>

<div id="maincontent"
  style="position: absolute; right: 0px; left: 137px; height: 100%; 
                            padding: ; overflow: auto; border: 1px dashed red">



Questo è il contenuto principale della pagina. - Questo è il contenuto principale della pagina.

   bla, bla, ...
 bla, bla, ...
 bla, bla, ...
 bla, bla, ...

   bla, bla, ...
 bla, bla, ...
 bla, bla, ...
 bla, bla, ...

   bla, bla, ...
 bla, bla, ...
 bla, bla, ...
 bla, bla, ...

   bla, bla, ...
 bla, bla, ...
 bla, bla, ...
 bla, bla, ...

   bla, bla, ...
 bla, bla, ...
 bla, bla, ...
 bla, bla, ...

   bla, bla, ...
 bla, bla, ...
 bla, bla, ...
 bla, bla, ...

   bla, bla, ...
 bla, bla, ...
 bla, bla, ...
 bla, bla, ...

   bla, bla, ...
 bla, bla, ...
 bla, bla, ...
 bla, bla, ...

   bla, bla, ...
 bla, bla, ...
 bla, bla, ...
 bla, bla, ...
 </p>
</div>

</body>

**Enzaccio** · 15-07-2009, 21:49

Provalo così per ora per capire, provalo con Netscape/FireFox e poi vedi che con IExplorer 7 il doppio ancoraggio right e left non funziona. Lo scopo era di avere il div maincontent che si stira per lo spazio lasciato libero (in larghezza) dalla left-sidebar.
La soluzione è nell' assegnare le coordinate in percentuali.

Originariamente inviato da pod
e se invece che posizionarlo ad una distanza predefinita dalll'alto lo facessi dal basso?

è possibile?

È possibile, con bottom: 0px; (anche se non ho ben capito il quanto). Vediamo cosa emerge da questo ...

Discussione: menu scorrevole lungo la pagine

Strumenti discussione

Ricerca discussione

Visualizza

menu scorrevole lungo la pagine

Permessi di invio