Salve utenti,
mi riferisco a questo sito web (link).
Come potete notare l'intestazione è troppo altra, quindi mi è stato chiesto di far in modo che ogni qual volta scelgo una voce dal menù, il sito si posizioni direttamente all'altezza dell'inizio dell'articolo (che praticamente sarebbe uguale per tutti).
Avevo pensato di usare un anchor link, però non trovo la soluzione ottimale visto che si tratta di un CMS e quindi un po' 'particolare'.
Avete qualche suggerimento?
Grazie.
A me verrebbe di utilizzare jquery:
$(function(){
$('html,body').animate({scrollTop:100});
});
Non so se hai presente, ma questo vuol dire che al momento del caricamento del DOM la pagina verrà elegantemente spostata all'altezza desiderata (nell'esempio a 100 px dal top).
Mettila all'inizio di ogni pagina e vedrai l'effetto.
Wow, fantastico, quindi subito dopo il tag <head>?
Si tra i tag head ovviamente tra i tag scriptOriginariamente inviato da Felino
Wow, fantastico, quindi subito dopo il tag <head>?
Certo!
Hai un modo rapido per distinguere la HOME dalle altre pagine?
E' chiaro che quando entro nel sito per la prima volta tale funzione non mi serve.
Grazie.
Sicuramente i modi sono tanti. Ovviamente a uno potrebbe venire in mente che la prima pagina che vede non è quella della homepage (es: il risultato da google verso una pagina interna).Originariamente inviato da Felino
Certo!
Hai un modo rapido per distinguere la HOME dalle altre pagine?
E' chiaro che quando entro nel sito per la prima volta tale funzione non mi serve.
Grazie.
Mi verrebbe in mente (altra tecnologia) che se usi php (o asp) di usare una variabile di sessione (vedi l'argomento in giro per il forum o su HTML.it).
La logica è quella che l'utente la prima volta che entra in una qualsiasi pagina del sito, controlla lo stato della variabile di sessione e la setta tipo true al primo ingresso. Ogni volta che navighi, ogni pagina controlla il valore della variabile di sessione che ovviamente è stata settata true (true appunto nell'esempio vuol dire che l'utente già ha visitato una pagina in precedenza.
Poi le alternative sono mille. Ma questa a colpo d'occhio mi sembra la più immediata e utile.
Amamax...ho inserito il codice nei tag head come da te indicato:
ma non accade nulla!codice:<script type="text/javascript"> $(function(){ $('html,body').animate({scrollTop:900}); }); </script>
Ho aggiunto anche la riga: alert('ok!'); a non stampa niente, quindi può essere che neanche richiama tale funzione?
Ho provato anche questo:
ma non succede niente!codice:<div class="outer"> <script>$("div.outer").scrollTop(1000);</script>
Permessi di invio
Rispondi quotando