RISOLTO Smooth scroll anchor estensione

[easyjet]

Ciao a tutti!
Sto cercando da una mezz'oretta un'estensione che mi consenta di inserire l'effetto smooth scroll sino alle varie anchor in un sito in verticale. Possibilmente affinchè questo effetto si verifichi utilizzando i link dal menù.


In sostanza al click della voce di menù, il sito scorre verticalmente fino all'anchor che decido.


Mi sapete dare qualche suggerimento?


Ho trovato moltissimi tools che però creano l'effetto verso il top della pagina.


Grazie!
Ciao

[giovi]

prova ad incollare direttamente il codice nel template:

Codice: [Seleziona]

<script>
$("a[href^='#']").on('click', function(e) {
   e.preventDefault();
   var hash = this.hash;
   $('html, body').animate({
   scrollTop: $(this.hash).offset().top-120
}, 500, function(){
//window.location.hash = hash;
});
});
</script>

[easyjet]

Ciao Giovi, grazie.


Posso chiederTi esattamente in quale file?
Grazie
Ciao

[giovi]

index.php del template

[easyjet]

Grazie, l'ho aggiunto nell' head ma non gira... cosa posso provare a fare a tuo avviso?


Ciao!

[giovi]

Inseriscilo nel Foster dopo jquey

[easyjet]

Sai che purtroppo non credo ci sia la parte che hai menzionato? Forse intendevi footer e jquery?


ti allego il file index.php che ho inserito in un archivio .rar allegato a questo post se hai piacere di dargli un'occhiata.


Grazie!
Ciao

[allegato eliminato automaticamente dopo un anno]

[giovi]

Si intendevo il Footer ma la correzione automatica mi ha fatto lo scherzetto

[easyjet]

Ti ringrazio per le informazioni.


Ho risolto come segue cercando delle soluzioni nel frattempo:


- ho creato un file .js contente lo script per lo smooth scroll per il solo menù a cui ho attribuito una TAG id da "avanzate" nelle opzioni per i menù.
- nel file index.php del template ho aggiunto le righe di codice che rimandano al file .js.


E giraaaaaaa!
Grazie comunque per l'intervento. Se servono maggiori dettagli a riguardo fatemi sapere!
Ciao

[zab]

Ciao potresti gentilmente allegare il codice che hai inserito nel file js e nell'index.php


ciao e grazie

[mintradir]

Ti ringrazio per le informazioni.


Ho risolto come segue cercando delle soluzioni nel frattempo:


- ho creato un file .js contente lo script per lo smooth scroll per il solo menù a cui ho attribuito una TAG id da "avanzate" nelle opzioni per i menù.
- nel file index.php del template ho aggiunto le righe di codice che rimandano al file .js.


E giraaaaaaa!
Grazie comunque per l'intervento. Se servono maggiori dettagli a riguardo fatemi sapere!
Ciao

Ciao, vorrei arrivare a fare la stessa cosa ma: non mi è chiaro cosa hai inserito nel Menu Tag ID e se puoi riportare il .js che hai utilizzato.
Grazie