Visualizzazione dei risultati da 1 a 8 su 8
  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2005
    Messaggi
    18

    Mettere a fuoco i contenuti di una pagina

    Salve a tutti,
    volevo info per creare un effetto sulle pagine del mio sito. Essendo un template molto lungo
    ho la necessità di creare link che facciano scorrere la pagina in basso fino al paragrafo. Molte faq usano questo sistema. Come faccio a creare quest'effetto. Grazie tutti!

  2. #2
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    codice:
    
    link interno</p>
    
    
    </p>
    
    
    </p>
    
    
    </p>
    
    
    </p>
    
    
    </p>
    
    
    </p>
    
    
    </p>
    
    
    <a name="punto">qui</a></p>

  3. #3
    Utente di HTML.it
    Registrato dal
    Mar 2005
    Messaggi
    18
    Grazie mille!

  4. #4
    posso inserirmi in questa discussione anche se ha già ottenuto una risposta?

    mi chiedevo...

    i link alle ancore fanno scorrere la pagina in modo che l'ancora sia al top della finestra...

    e se invece voelssi che l'ancora stesse a 200px dal top?

    si può?
    :master:

    per intendersi...
    avete presente come succede con le dichiarazioni di .offset().top negli scrollTop di jQuery?
    ti scrolla morbidamente i contenuti fino al top ma distanzia di quanto hai impostato in offset

    quancuno sa se una cosa del genere (naturalmente non lo scrolling morbido, solo la distanza) è possibile con le pure ancore?
    :master:
    O saisons, ô châteaux,
    Quelle âme est sans défauts?

    Rimbaud - L'Éternité (1872)

    EsseZeta - VisualWriting | www.essezeta.org

  5. #5
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    potrai farlo, appunto, con JS...

    analizza lo script che hai citato: dovresti trovarci la soluzione.

    se riesci a sintetizzarlo poi posta l'esempio

  6. #6
    eh purtroppo con .js lo so fare...
    o meglio lo faccio fare a jQuaery o anche a Prototype...
    però ho due problemi...

    UNO
    uno dovuto al fatto che la riscrittura dei permalink in wordpress mi cambia le ancore o non ho capito che succede, ma lo scroll diventa senza offset...

    DUE
    l'altro dovuto ai link che partono da latre pagine e allora l'off set che mi realizza .js lo perdo...

    è un po' contorto... mi rendo conto...

    potrei postare il codice ma poi forse usciamo OT perché si tratterà di modificare il .js per ritardarlo rispetto alla riscrittura dei permalink...

    mmm...

    TRE:
    comunque devo dare per scontato che via css non posso mettere un margine all'ancora per distanziarla dal top del body (o dell'html, non so a cosa fa riferimento il browser quando segue un'ancora)?
    O saisons, ô châteaux,
    Quelle âme est sans défauts?

    Rimbaud - L'Éternité (1872)

    EsseZeta - VisualWriting | www.essezeta.org

  7. #7
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    con css regoli l'aspetto e le presentazione,
    non ci sono eventi sul client.

    se credi apri una discussione in JS
    anche se trovo la cosa contorta...

    basta mettere l'ancora XXpx più in alto e magari usare l'attributo id anzichè name

  8. #8
    con css regoli l'aspetto e le presentazione,
    non ci sono eventi sul client.
    sì sì... lo so... io volevo solo modificare la presentazione del box ancorato distanziandolo dal top...

    basta mettere l'ancora XXpx più in alto
    quello che dici ha senso Vincent, e ci avevo già provato... ma con contenuti dinamici che determinano altezze differenti dei loro contenitori è un casino...


    ora ci penso su un attimo e cerco un'alternativa...

    grazie comunque dell'interesse...
    O saisons, ô châteaux,
    Quelle âme est sans défauts?

    Rimbaud - L'Éternité (1872)

    EsseZeta - VisualWriting | www.essezeta.org

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.