Problema risolto Effetto Menu

[#KiK]

Salve, è da un po che noto in alcuni siti un effetto che mi sta piacendo molto.. :soso:
vi spiego, altrimenti come fate a capire di cosa parlo? :| ..


Appena apro il sito spunta un normale menu (prendiamo esempio di sciax2)

Spoiler

poi man mano che scendo, dopo una certa distanza il menu cambia di stile :soso: diventando così: (sto facendo io l'effetto con paint solo per farmi capire)

Spoiler

scusate la mia ignoranza, è per questo che posto :soso: per aggiornarmi un altro po @TBH :sisi:​

 

[gedamial]

Salve, è da un po che noto in alcuni siti un effetto che mi sta piacendo molto.. :soso:
vi spiego, altrimenti come fate a capire di cosa parlo? :| ..


Appena apro il sito spunta un normale menu (prendiamo esempio di sciax2)

Spoiler

poi man mano che scendo, dopo una certa distanza il menu cambia di stile :soso: diventando così: (sto facendo io l'effetto con paint solo per farmi capire)

Spoiler

scusate la mia ignoranza, è per questo che posto :soso: per aggiornarmi un altro po @TBH :sisi:​

Non ho capito :|

 

[#KiK]

Non ho capito :|

non so come spiegare :|
provo con il linguaggio dei segni ..

appena entro in un sito il menu è situato così:
_____________
| |
|_____________|
| CONTENUTO |

poi se scendo di qualche pixel diventa così:

_____________
|_____________|
|CONTENUTO |

SE NON HAI CAPITO intendo questo effetto

Perfavore, Entra oppure Registrati per vedere i Link!

scendi e capirai :soso:

 

[gedamial]

provo con il linguaggio dei segni ..

No, prova con l'italiano.

Vuoi un menu di navigazione fisso in alto anche se si scorre la pagina verso il basso?

 

[#KiK]

No, prova con l'italiano.

Vuoi un menu di navigazione fisso in alto anche se si scorre la pagina verso il basso?

non so come spiegare perchè sono così analfabeta che so meglio l'inglese dell'italiano :asf:...
ecco un esempio di sito..

Perfavore, Entra oppure Registrati per vedere i Link!

appena scendi di qualche pixel cambia di stile css

 

[gedamial]

non so come spiegare perchè sono così analfabeta che so meglio l'inglese dell'italiano :asf:...
ecco un esempio di sito..

Perfavore, Entra oppure Registrati per vedere i Link!

appena scendi di qualche pixel cambia di stile css

Non cambia di stile, semplicemente la barra è fissata sul border-top della pagina. Basta usare la proprietà css position: fixed;

 

[#KiK]

Non cambia di stile, semplicemente la barra è fissata sul border-top della pagina. Basta usare la proprietà css position: fixed;

non è position fixed, si sarebbe mosso assieme alla navigazione e quindi non avrebbe dato quell'effetto. (anche io ero arrivato a position fixed ) @TBH help me please :soso:

 

[gedamial]

si sarebbe mosso assieme alla navigazione e quindi non avrebbe dato quell'effetto. (anche io ero arrivato a position fixed ) @TBH help me please :soso:

Che?

 

[#KiK]

Che?

con position fixed il menu rimane bloccato in una posizione selezionata dal developer, per esempio su sciax nel menu che si trova in alto, ma non è l'effetto che dico io

 

[gedamial]

ma non è l'effetto che dico io

E allora qual è?

 

[#KiK]

E allora qual è?

se tu vai in quel sito capisci :|
prima si trova in una posizione con uno stile
e poi se scendi dopo quel menu cambia di stile e diventa più lungo con meno opacità e con altro stile :|

 

[Dvdxseo]

Beh la sostanza è sempre la stessa. All'inizio il menù lo posizioni assolutamente, poi con JavaScript ti controlli a che punto sei con la pagina e se hai superato un certo numero di pixel scrollati allora il menù lo fai diventare fixed e lo allarghi. È più facile a farsi che a dirsi, ti consiglio di informarti su .scroll() di jQuery, anche se si può fare col JS puro

 

[#Vincè]

se tu vai in quel sito capisci :|
prima si trova in una posizione con uno stile
e poi se scendi dopo quel menu cambia di stile e diventa più lungo con meno opacità e con altro stile :|

Perfavore, Entra oppure Registrati per vedere i Link!

Ecco a te, se è spam censurate pure.

 

[#KiK]

Perfavore, Entra oppure Registrati per vedere i Link!

Ecco a te, se è spam censurate pure.

risolto.. patpat

 

[TBH]

Sposto tra i problemi risolti ^^