[Problème] menu et scroll

[Nemenia]

Bonjour,
j'aimerai faire sur mon site un menu qui ce fixe sur la page quand la scrollbar va vers le bas. Cependant, mon code ne fonctionne pas.
Le voici:

fichier: menu_float.php

var positionElementInPage = $('#g-navigation').offset().top;
$( window ).resize(function() {
positionElementInPage = $('#g-navigation').offset().top;
});
$(window).scroll(
function() {
if ($(window).scrollTop() > positionElementInPage) {
// fixed
$('#g-navigation').addClass("fixedTop");
} else {
// unfixed
$('#g-navigation').removeClass("fixedTop");
}
}

);


fichier: custom.scss (fichier css, partie lié au menu)


// NAVIGATION

#g-navigation .g-container
{
width: 100%;
z-index: 100;
}

.fixedTop
{
position: fixed;
top:0;
width: 100%;
margin-left: auto;
margin-right: auto;
}

Integration du fichier dans gantry:




Je suis preneur de vos avis et de vos idées, même ci vous ne connaissez pas gantry

Merci d'avance!