+ Rispondi alla Discussione
Risultati da 1 a 5 di 5

Link che visualizza direttamente l'articolo selezionata

Ultimo Messaggio di felino il:
  1. #1
    Utente Premium L'avatar di felino
    Data Registrazione
    Nov 2009
    Località
    Acicatena - Catania
    Messaggi
    1,786
    Aggiungi felino su Facebook Aggiungi felino su Linkedin

    Link che visualizza direttamente l'articolo selezionata

    Salve utenti,
    mi riferisco a questo sito web: tortaleonardo . com


    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.

  2. #2
    Esperta L'avatar di Jantima
    Data Registrazione
    Mar 2005
    Località
    Silicon Valley
    Messaggi
    639
    Ciao felino, magari non é una soluzione molto elegante ma potresti usare:
    Codice:
    <body onLoad="if(document.URL.indexOf('.html')  >= 0 ){window.scrollTo(0,500);}">
    Dovresti inserirlo nel template in modo che venga usato in tutte le pagine.
    Con quel codice ogni volta che si carica una pagina che non sia la pagina principale, ovvero ogni pagina in cui l'URL contiene .html
    allora lo script fa in modo di far scrollare automaticamente la pagina di 500 pixel.

    Se per caso mettendolo nel body onload funziona ma ci mette troppo tempo, allora potresti provare ad iserire un codice simile ma:
    Codice:
    <script type="text/javascript">if(document.URL.indexOf('.html')  >= 0 ){window.scrollTo(0,500);}"</script>
    e inserirlo nel HTML del template nella posizione in cui appunto vuoi che la pagina scrolli. Nel tuo esempio lo inserirei subito dopo il tag di apertura di <div class="outer">. Il funzionamento sarebbe che lo script viene attivato nel momento in cui la pagina si è caricata fino a quel punto. Mentre invece la soluzione del body onload attiverebbe lo scroll solo quando tutta la pagina ha finito di caricare. La seconda soluzione farebbe scrollare appena il header ha finito di caricare.

    Ciao, spero di essere stata di aiuto.

  3. #3
    Utente Premium L'avatar di felino
    Data Registrazione
    Nov 2009
    Località
    Acicatena - Catania
    Messaggi
    1,786
    Aggiungi felino su Facebook Aggiungi felino su Linkedin
    Wow! Ottima soluzione, grazie!
    Solo che dovrei anche distinguere la index dalle altre pagine...vediamo!
    Grazie comunque!

  4. #4
    Esperta L'avatar di Jantima
    Data Registrazione
    Mar 2005
    Località
    Silicon Valley
    Messaggi
    639
    Non sono sicura di quello che intendi, lo script distingue già 'la index' e non fa scrollare in quel caso.
    Altrimenti puoi modificare aggiungendo varie regole, per esempio:
    Codice:
    if(document.URL.indexOf('.html')  >= 0  &&  document.URL.indexOf('index.php')  == 0 ){window.scrollTo(0,500);}
    Ultima modifica di Jantima; 21-12-12 alle 22:14

  5. #5
    Utente Premium L'avatar di felino
    Data Registrazione
    Nov 2009
    Località
    Acicatena - Catania
    Messaggi
    1,786
    Aggiungi felino su Facebook Aggiungi felino su Linkedin
    Ciao!
    Ho provato ad inserire il codice da te indicato nella index del template!
    Così:
    Codice:
    <div  class="outer">
            <script type="text/javascript"> if(document.URL.indexOf('.html')  >= 0  &&  document.URL.indexOf('index.php')  == 0 ){window.scrollTo(0,500);} </script>
                <div id="topmenu">
    Ma non accade nulla!
    Neanche se lo inserisco tra i tag head!

    Ho provato anche questo:
    Codice:
    <div  class="outer">
            <script>$("div.outer").scrollTop(1000);</script>
    ma non succede niente!
    Ultima modifica di felino; 05-01-13 alle 12:29

+ Rispondi alla Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.