Ciao a tutti,
vorrei integrare nella mia pagina web la barra in stile mac trovata a questo indirizzo http://javascript.html.it/script/ved...nu-stile-dock/ , ma vorrei restasse "incollata" sul fondo dello schermo anche quando scrollo la pagna (tipo barra facebook). Come potrei fare?
Grazie a Tutti. Ciao.
Dovrai necessariamente usare un DIV sovrapposto agli altri contenuti della pagina.
Forse puoi posizionarlo come desideri coi css; più verosimilmente dovrai ricorrere a javascript, calcolando l'altezza della finestra.
LA barra è già in un DIV ma non riesco a fare in modo che rimanga fermo.
Potresti dirmi qualche codice?
Perchè sennò ho trovato 1 esempio che funziona ma non riesco ad inserirci il DIV cn la barra.
codice:<html> <head> <title>prova</title> <style type="text/css"> #bottombar-container{ left: 0px; margin: 0; width: 100%; z-index: 0; position: fixed; bottom: 0px; } #bottombar{ background: #f2f2f2; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; bottom: 0px; color: #333; height: 25px; margin:0 auto; width: 95%; z-index: 0; } </style> </head> <body> <div id="bottombar-container"> <div id="bottombar"> proma </div> </div> </body> </html>
Dovrai dare un attributo position:absolute anzichè fixed; poi dovrai specificare la posizione orizontale.
Se la posizione verticale la stabilisci tramite css oppure usi una costante, se l'utente scrolla o ridimensiona la pagina, il tuo div finisce altrove.
Per mantenerlo in posizione devi aggiornarlo dinamicamente tramite javascript
Il javascript sarà necessariamente complesso (non difficile) poichè dovrà, alcune volte ogni secondo (setInterval):
- leggere la altezza attuale della pagina
- leggere la posizione verticale della scrollbar
- calcolare l aposizione del div in base ai dati precedenti
- riposizionare il div agendo sul suo style
nota che ognuna di queste cose richiederà istruzioni diverse a seconda del browser su cui girerà la pagina.
io invece propongo:
fixed a bottom:0px; per tutti i browser moderni
fixed emulato per il solo IE tramite behaviour
http://css.html.it/articoli/leggi/30...ante-su-ie6/2/
ciao
Grazie Mille xinod!
Ora l'unico problema è che lo zoom delle icone rimane fisso nella stessa posizione anche quando scendo, comunque cercherò l'altro div dello zoom nel css xD.
Grazie a tutti. Ciao
Permessi di invio
Rispondi quotando