Menu glissant en jQuery

Bonjour,
J'essaye de faire un menu en fixé par rapport à la page au début puis par rapport à l'écran lorsque l'utilisateur scroll la page.
Mon problème est que le menu ne change pas d'état quand il arrive en haut de la page. C'est soit trop tôt, soit trop tard. Il ne s'agit pas de grand chose mais c'est quand même perceptible.
Pour ce faire, j'utilise ce script :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

var positionElementInPage = $('nav').offset().top; $(window).scroll( function() { if ($(window).scrollTop() >= positionElementInPage) { // fixed $('nav').addClass("floatable"); } else { // relative $('nav').removeClass("floatable"); } } );

---

Ça ce passe à cette adresse : http://swordarmor.kappatau.eu/destrokhorne