Back to top

Autore Topic: [RISOLTO] inserire attributo in un link di menu  (Letto 1391 volte)

Offline robjrobj

  • Nuovo arrivato
  • *
  • Post: 18
  • Sesso: Maschio
  • web designer e grafico 3D
    • Mostra profilo
[RISOLTO] inserire attributo in un link di menu
« il: 12 Giu 2016, 22:48:04 »
Salve a tutti,
ho la necessità di inserire un attributo data-uk-smooth-scroll in un link
Codice: [Seleziona]
<a href="#noleggio_gazebo">Perchè un gazebo[/url]
Codice: [Seleziona]
<a href="#noleggio_gazebo" data-uk-smooth-scroll>Perchè un gazebo[/url]Utilizzo un template che usa Uikit, per scrollare la pagina gradualmente devo aggiungere questo attributo nel link generato da joomla nel menu, ma non so come fare :(
« Ultima modifica: 14 Giu 2016, 16:23:22 da robjrobj »

Offline sasarella

  • Appassionato
  • ***
  • Post: 521
    • Mostra profilo
Re:inserire attributo in un link di menu
« Risposta #1 il: 14 Giu 2016, 11:07:25 »
Prova così:

Codice: [Seleziona]
<a href="#noleggio_gazebo" class="data-uk-smooth-scroll">Perchè un gazebo</a>



Offline robjrobj

  • Nuovo arrivato
  • *
  • Post: 18
  • Sesso: Maschio
  • web designer e grafico 3D
    • Mostra profilo
Re:inserire attributo in un link di menu
« Risposta #2 il: 14 Giu 2016, 15:48:29 »
Ho provato ma se lo dichiaro come classe non funziona...




Offline sasarella

  • Appassionato
  • ***
  • Post: 521
    • Mostra profilo
Re:inserire attributo in un link di menu
« Risposta #3 il: 14 Giu 2016, 15:52:29 »
E' l'attributo da dare ad un link di una pagina del menu?
Allora devi aprire la pagina nel backend e inserire li l'attributo:

Tab Visualizzazione pagina > Classe pagina

Offline robjrobj

  • Nuovo arrivato
  • *
  • Post: 18
  • Sesso: Maschio
  • web designer e grafico 3D
    • Mostra profilo
Re:inserire attributo in un link di menu
« Risposta #4 il: 14 Giu 2016, 16:06:10 »
Grazie per la risposta ma ho trovato una soluzione


dichiarando la classe scroll nel link generato da joomla e aggiungendo questo alla pagina


Codice: [Seleziona]
<script> 
    jQuery.noConflict(); 
    jQuery(document).ready(function($){ 
      $( "a.scroll" ).attr({ 
        'data-uk-smooth-scroll': "" 
      }); 
    }); 
</script>

 



Web Design Bolzano Kreatif