Joomla.it Forum

Joomla! 3 => Joomla! 3 => : easyjet 17 Jan 2014, 13:52:05

: RISOLTO Smooth scroll anchor estensione
: easyjet 17 Jan 2014, 13:52:05

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

: Re:Smooth scroll anchor estensione
: giovi 17 Jan 2014, 17:24:22

prova ad incollare direttamente il codice nel template:

:

<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>

: Re:Smooth scroll anchor estensione
: easyjet 17 Jan 2014, 17:27:55

Ciao Giovi, grazie.


Posso chiederTi esattamente in quale file?
Grazie
Ciao

: Re:Smooth scroll anchor estensione
: giovi 17 Jan 2014, 17:35:44

index.php del template

: Re:Smooth scroll anchor estensione
: easyjet 17 Jan 2014, 17:46:53

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


Ciao!

: Re:Smooth scroll anchor estensione
: giovi 17 Jan 2014, 23:37:54

Inseriscilo nel Foster dopo jquey

: Re:Smooth scroll anchor estensione
: easyjet 18 Jan 2014, 16:22:16

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]

: Re:Smooth scroll anchor estensione
: giovi 18 Jan 2014, 22:39:42

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

: Re:Smooth scroll anchor estensione
: easyjet 19 Jan 2014, 11:05:08

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

: Re:RISOLTO Smooth scroll anchor estensione
: zab 15 Nov 2014, 19:01:37

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


ciao e grazie

: Re:Smooth scroll anchor estensione
: mintradir 24 Nov 2017, 09:41:06

: easyjet  19 Jan 2014, 11:05:08

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 ;D