Inserire JavaScript per aggiungere class navbar con scroll
-
Buonasera,
perdonatemi se scrivo qualche castroneria, mi sto divertendo a fare qualche esperimento ma non sono un esperto.
Utilizzo il tema UnderStrap.ì e vorrei fare in modo che, solo in homepage, allo scroll si aggiungesse una class .scuro alla navbar.
Leggendo varie guide, ho provato ad aggiungere questo a functions.php
<?php add_action( 'wp_enqueue_scripts', 'cambia_classe_nav' ); function cambia_classe_nav(){ if(is_front_page()){ wp_enqueue_script( 'menu-scroll', get_stylesheet_directory_uri() . '/wp-content/themes/understrap-child-master/js/menu-scroll.js', array( 'jquery' ) )// } } } ?>
E a creare il file menu-scroll.js così:
$(function() { var header = $(".navbar"); $(window).scroll(function() { var scroll = $(window).scrollTop(); if (scroll >= 50) { header.addClass("scuro"); } else { header.removeClass("scuro"); } }); });
Dopo di che, ho provato a dare alla classe .scuro un background diverso, tramite css, ma non succede niente.
Ho provato anche ad inserire lo script direttamente nell’header, ma niente lo stesso. Non vedo neanche la classe ispezionando la navbar con la console di chrome o firefox.
Mi sapreste dire dove sbaglio?
Grazie in anticipo!
Stai visualizzando 1 risposte (di 1 totali)
Stai visualizzando 1 risposte (di 1 totali)
- Il topic ‘Inserire JavaScript per aggiungere class navbar con scroll’ è chiuso a nuove risposte.