Come usare jquery per far cadere il menu nascosto nella parte superiore della pagina?
-
22-07-2019 - |
Domanda
L'ho già visto prima, ma non sono sicuro di come.
Quando la mia pagina viene caricata, voglio che una sezione nascosta scenda nella parte superiore della pagina (probabilmente circa 100 pixel di altezza). Idealmente, mi piacerebbe anche spostare l'intera pagina verso il basso (invece di apparire nella parte superiore della pagina). Nell'angolo in alto dell'area segreta dovrebbe essere presente un pulsante "Chiudi", che quando si fa clic fa scorrere la pagina effettiva verso l'alto e copre la sezione.
So che c'è un nome per questo, ma non sono sicuro di cosa sia. Suppongo sia legato a jquery.
Qualcuno può indicarmi la giusta direzione?
Soluzione
Cerca jquery show, dovrebbe funzionare bene: http://docs.jquery.com/Effects/ mostrare
<div id="hiddenMenu" style="display:none"> bla bla bla </div>
<a href="#" onclick="$('hiddenMenu').show('slow'); return false;">show the hidden menu</a>
Altri suggerimenti
StackOverflow ce l'ha, ed è sostanzialmente un <div>
che appare subito dopo il tag di apertura <body>
. Basta uno stile appropriato quando è necessario.
Bene, c'è un plugin UI chiamato Dialog che uso molto. Tuttavia, è un pop-over, ma verrà mostrato anche se l'utente scorre la pagina verso il basso.