Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it
    Registrato dal
    Aug 2004
    Messaggi
    93

    menu scorrevole lungo la pagine

    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

  2. #2
    Utente bannato
    Registrato dal
    May 2009
    Messaggi
    393
    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

  3. #3
    Utente di HTML.it
    Registrato dal
    Aug 2004
    Messaggi
    93
    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?

  4. #4
    Utente di HTML.it
    Registrato dal
    Aug 2004
    Messaggi
    93
    e se invece che posizionarlo ad una distanza predefinita dalll'alto lo facessi dal basso?

    è possibile?

  5. #5
    Utente di HTML.it
    Registrato dal
    Aug 2004
    Messaggi
    93
    nessuno sa aiutarmi?

    grazie

  6. #6
    Utente bannato
    Registrato dal
    Apr 2009
    Messaggi
    530
    ... 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>

  7. #7
    Utente bannato
    Registrato dal
    Apr 2009
    Messaggi
    530
    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?
    &#200; possibile, con bottom: 0px; (anche se non ho ben capito il quanto). Vediamo cosa emerge da questo ...

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.