• Home
  • Forum
  • Fare Web
  • HTML e CSS

menù fixed

  • Creatore Discussione Creatore Discussione Kirss KirSolo
  • Data di inizio Data di inizio 24 Feb 2014
K

Kirss KirSolo

Nuovo Utente
4 Nov 2013
25
0
0
  • 24 Feb 2014
  • #1
Salve, vorrei realizzare un menù della mia pagina, che rimanga visibile in alto al bordo pagina, anche quando faccio lo scroll verso in basso. In una struttura del genere:

Codice:
<div id="header"> ....</div>
<div id="menu"> ...</div>
<div id="main">
        <p> ...</p>
          ....
          .....
</div>
<div id="footer">...</div>

quale Css devo usare per il div menù? position fixed ?

grazie
 

glm1986ITALY

Moderatore
Membro dello Staff
MOD
9 Apr 2009
1.313
16
38
39
Vercelli
www.webepc.it
  • 24 Feb 2014
  • #2
Vado a memoria ma, MI PARE, che esistano menù con tali funzionalità in javascript :fonzie:
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.044
150
63
PR
www.borgo-italia.it
  • 24 Feb 2014
  • #3
ciao
oppure puoi operare sul css dando al div menu l'attributo position: fixed
 
K

Kirss KirSolo

Nuovo Utente
4 Nov 2013
25
0
0
  • 24 Feb 2014
  • #4
borgo italia ha scritto:
ciao
oppure puoi operare sul css dando al div menu l'attributo position: fixed
Clicca per allargare...
si lo so, il mio problema è che avendo l'header sopra, quando scrollo il menù, mi resta visibile, però ad un certo spazio dell'inizio pagina, ovvero dello spazio dell'header. Come fare che quando scrollo il menù si attacchi proprio all'inizio pagina del browser?
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.044
150
63
PR
www.borgo-italia.it
  • 24 Feb 2014
  • #5
ciao
prova con
top: xyz px;
lefth: xyz px;
giustrandi sui px dovresti posizionare il div dove vuoi
 
K

Kirss KirSolo

Nuovo Utente
4 Nov 2013
25
0
0
  • 24 Feb 2014
  • #6
borgo italia ha scritto:
ciao
prova con
top: xyz px;
lefth: xyz px;
giustrandi sui px dovresti posizionare il div dove vuoi
Clicca per allargare...

forse mi son spiegato male. Rispiego il mio problema.
Ok con position:fixed mi resta fisso anche quando scrollo.
Io vorrei che il menù si attaccasse al margine superiore del browser quando scrollo, invece ora quando scrollo rimane uno spazio tra il margine superiore e il menù,che in pratica sarebbe lo spazio dell'header. Come eliminare quello spazio quando scrollo e la pagina supera il menù?
 

glm1986ITALY

Moderatore
Membro dello Staff
MOD
9 Apr 2009
1.313
16
38
39
Vercelli
www.webepc.it
  • 24 Feb 2014
  • #7
Provato a posizionare il <div> del menù prima di quello dell' header?
 
K

Kirss KirSolo

Nuovo Utente
4 Nov 2013
25
0
0
  • 24 Feb 2014
  • #8
glm2006ITALY ha scritto:
Provato a posizionare il <div> del menù prima di quello dell' header?
Clicca per allargare...
si.
se imposto per esempio anche top:60px; quando scrollo cè sempre lo spazio di 60px tra il mio menù e margine superiore del browser, vorrei eliminare quello spazio quando scrollo la pagina
 

glm1986ITALY

Moderatore
Membro dello Staff
MOD
9 Apr 2009
1.313
16
38
39
Vercelli
www.webepc.it
  • 24 Feb 2014
  • #9
Se è la prima cosa che vuoi far apparire in alto perchè gli dai quel
HTML:
 top:60px
?
 
K

Kirss KirSolo

Nuovo Utente
4 Nov 2013
25
0
0
  • 24 Feb 2014
  • #10
glm2006ITALY ha scritto:
Se è la prima cosa che vuoi far apparire in alto perchè gli dai quel
HTML:
 top:60px
?
Clicca per allargare...

era un esempio.
Vi posto le immagini magari capite meglio di cosa intendo:

Mio sito Iniziale :

____________________________________________________________________________________

Quello che succede a me quando scrollo:

____________________________________________________________________________________

Quello che invece vorrei che succedesse quando scrollo:



ora è più chiaro?
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.044
150
63
PR
www.borgo-italia.it
  • 24 Feb 2014
  • #11
ciao
se non ho capito male vorresti che il menù rimanesse sempre in primo piano e il resto scorresse sotto, giusto?
prova a dare al div del menù z-index: 99;
 
K

Kirss KirSolo

Nuovo Utente
4 Nov 2013
25
0
0
  • 24 Feb 2014
  • #12
borgo italia ha scritto:
ciao
se non ho capito male vorresti che il menù rimanesse sempre in primo piano e il resto scorresse sotto, giusto?
prova a dare al div del menù z-index: 99;
Clicca per allargare...

Si il menù sempre in primo piano. Con z-index:99 non risolve il mio problema. Cioè quello di agganciare il menù alla margine superiore del browser.
Come vedi in figura 2, quando scrollo, cè dello spazio tra il menù e il browser. Vorrei fosse eliminato quello spazio, come nell'img 3, dove il menù è attaccato al browser, solo quando scrollo.
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.044
150
63
PR
www.borgo-italia.it
  • 24 Feb 2014
  • #13
ciao
cioè all'apertura della pagina (no scrool) il menù rimane sotto l'header, allo scroll il menù dovrebbe spostarsi un poco portandosi al margine della finestra? giusto?
se è così credo che abbia ragione glm e comunque se fosse possibile fare una cosa del genere l'unica sarebbe intervenire con js (di cui non sono un esperto).
non so se esista qualcosa che possa leggere se stai scrollando o meno, o leggere le coordinate della pagina rispetto alla finesta, e in funzione modifichi l'attributo top
 
K

Kirss KirSolo

Nuovo Utente
4 Nov 2013
25
0
0
  • 24 Feb 2014
  • #14
borgo italia ha scritto:
ciao
cioè all'apertura della pagina (no scrool) il menù rimane sotto l'header, allo scroll il menù dovrebbe spostarsi un poco portandosi al margine della finestra? giusto?
se è così credo che abbia ragione glm e comunque se fosse possibile fare una cosa del genere l'unica sarebbe intervenire con js (di cui non sono un esperto).
non so se esista qualcosa che possa leggere se stai scrollando o meno, o leggere le coordinate della pagina rispetto alla finesta, e in funzione modifichi l'attributo top
Clicca per allargare...

Esatto, hai capito il mio problema.
Se posso far un esempio, il sito della gazza dello sport, il menù a sx è una certa posizione in no-scroll, quando scrolli invece si attacca al margine sup e resta li. A me servirebbe con il menù, so che si può fare, l'ho visto in giro.

Cmq provo a scrivere nella sezione js.

grazie
 

html5today

Nuovo Utente
17 Feb 2014
9
0
0
HTML5
www.html5today.it
  • 25 Feb 2014
  • #15
Ciao!

Abbiamo pubblicato un tutorial qualche settimana fa che spiega esattamente come fare quello di cui hai bisogno:

Spero ti aiuti!
 
Ultima modifica di un moderatore: 25 Feb 2014

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.044
150
63
PR
www.borgo-italia.it
  • 25 Feb 2014
  • #16
ciao html5
da regolamento
2
.4 Sono vietati gli interventi di natura palesemente "concorreziale" nei confronti di questo forum (ad es. "vi invito a discuterne sul mio forum...") o di altre attività di Mr.Webmaster (ad es. "leggete il mio articolo dove vi spiego come fare..."). Tali interventi sono considerati, a tutti gli effetti, spam e verranno trattati come tale.
Clicca per allargare...
 

glm1986ITALY

Moderatore
Membro dello Staff
MOD
9 Apr 2009
1.313
16
38
39
Vercelli
www.webepc.it
  • 25 Feb 2014
  • #17
Scusa Borgo, il link l'avevo visto ma non l'avevo considerato come "contro regolamento".....

Comunque non credo che html5today sia uno spammer... magari un linkino in ingresso faceva piacere ma, credo e spero, divenga un utente attivo sul forum :fonzie:
 

html5today

Nuovo Utente
17 Feb 2014
9
0
0
HTML5
www.html5today.it
  • 26 Feb 2014
  • #18
Direi che visto questo approccio talebano andrò a spammare altri forum. In bocca al lupo.
 
Devi accedere o registrarti per poter rispondere.

Discussioni simili

K
menù fixed
  • Kirss KirSolo
  • 24 Feb 2014
  • Javascript
Risposte
2
Visite
2K
Javascript 24 Feb 2014
Kirss KirSolo
K
G
Elementi Menù orizzontali
  • Gae
  • 20 Mag 2023
  • HTML e CSS
Risposte
2
Visite
1K
HTML e CSS 21 Mag 2023
Gae
G
Dropdown menù
  • psikolele
  • 14 Set 2021
  • HTML e CSS
Risposte
2
Visite
2K
HTML e CSS 16 Set 2021
psikolele
G
Menù a tendina di ricerca con query
  • GuidoLamoto
  • 14 Giu 2021
  • PHP
Risposte
1
Visite
2K
PHP 15 Giu 2021
macus_adi
F
menù select dinamico da db in php
  • fata1009
  • 15 Mag 2021
  • PHP
Risposte
3
Visite
2K
PHP 15 Mag 2021
zorro
L
Menù con switch case
  • Lollo4
  • 7 Mar 2021
  • C/C++
Risposte
1
Visite
1K
C/C++ 8 Mar 2021
marino51
J
Richiama descrizione da menù
  • Jackysan
  • 1 Mar 2021
  • PHP
Risposte
11
Visite
1K
PHP 2 Mar 2021
illiterate2020
I
Z
Menù di navigazione responsivo
  • zanzarabeo
  • 10 Nov 2020
  • HTML e CSS
Risposte
0
Visite
1K
HTML e CSS 10 Nov 2020
zanzarabeo
Z
R
Barra del menù principale decentrata
  • rimade-56
  • 5 Set 2020
  • Joomla
Risposte
4
Visite
4K
Joomla 9 Set 2020
rimade-56
R
M
Stringa con spazi nel menù a tendina
  • Max61
  • 5 Lug 2020
  • PHP
Risposte
4
Visite
2K
PHP 6 Lug 2020
Max61
M
A
Menù a tendina collegato a database
  • AndreaBet
  • 5 Giu 2020
  • PHP
Risposte
13
Visite
3K
PHP 5 Giu 2020
AndreaBet
A
D
Aumentare i sublevel del menù del theme
  • danilo82ths
  • 19 Mar 2020
  • Webdesign e Grafica
Risposte
1
Visite
1K
Webdesign e Grafica 19 Mar 2020
Max 1
Contenitore non si nasconde dietro al menù
  • Tommy03
  • 15 Mar 2020
  • HTML e CSS
Risposte
1
Visite
1K
HTML e CSS 15 Mar 2020
WmbertSea
Due menù nella stessa app
  • Tommy03
  • 10 Ott 2019
  • Sviluppo app per Android
Risposte
0
Visite
1K
Sviluppo app per Android 10 Ott 2019
Tommy03
V
Menù CSS da file in cartella esterna
  • Veronica_
  • 8 Mag 2018
  • HTML e CSS
Risposte
4
Visite
2K
HTML e CSS 9 Mag 2018
Veronica_
V
W
[Javascript] [HTML] menù responsive fisso
  • wolfland
  • 27 Nov 2017
  • Javascript
Risposte
2
Visite
2K
Javascript 27 Nov 2017
wolfland
W
S
[PHP] menù a tendina che stampi voce scelta in precedenza
  • sybil95
  • 13 Nov 2017
  • PHP
Risposte
1
Visite
2K
PHP 13 Nov 2017
Max 1
F
[HTML] Responsive menù
  • Fabio90
  • 4 Set 2017
  • CMS (Content Management System)
Risposte
0
Visite
2K
CMS (Content Management System) 4 Set 2017
Fabio90
F
A
[PHP] menù con links esterni
  • AndrewLupin
  • 20 Mag 2017
  • PHP
Risposte
6
Visite
3K
PHP 6 Giu 2017
criric
D
Come inserire opzioni menù prelevandole dal database con PHP ?
  • Disperato1
  • 20 Mag 2017
  • PHP
Risposte
12
Visite
4K
PHP 24 Mag 2017
criric
Condividi:
Facebook X (Twitter) LinkedIn WhatsApp e-mail Condividi Link
  • Home
  • Forum
  • Fare Web
  • HTML e CSS
  • Italiano
  • Termini e condizioni d'uso del sito
  • Policy Privacy
  • Aiuto
  • Home
Community platform by XenForo® © 2010-2024 XenForo Ltd. | Traduzione a cura di XenForo Italia
Menu
Accedi

Registrati

  • Home
  • Forum
    • Nuovi Messaggi
    • Cerca...
  • Novità
    • Featured content
    • Nuovi Messaggi
    • Ultime Attività
X

Privacy & Transparency

We use cookies and similar technologies for the following purposes:

  • Personalized ads and content
  • Content measurement and audience insights

Do you accept cookies and these technologies?

X

Privacy & Transparency

We use cookies and similar technologies for the following purposes:

  • Personalized ads and content
  • Content measurement and audience insights

Do you accept cookies and these technologies?