Barre de navigation flottante

Bonjour,

j'utilise un script (merci Scoco http://www.scoco.fr/fixer-barre-navigation-scroll/#comment-56390)
qui permet de fixer la barre de menu flottante en haut de la page lorsqu'on scrolle vers le bas.
Script simple qui fonctionne très bien. J'aimerais, en plus, que la barre de navigation soit en bas de l'écran à l'ouverture de la page, quelle que soit la taille de l'écran, et qu'elle y retourne lorsqu'on revient en haut de la page.

html/head

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>

<script type="text/javascript">
 $(function(){
 // On recupere la position du bloc par rapport au haut du site
 var position_top_raccourci = $("#navigation").offset().top;
 
 //Au scroll dans la fenetre on déclenche la fonction
 $(window).scroll(function () {
 
 //si on a defile de plus de 150px du haut vers le bas
 if ($(this).scrollTop() > position_top_raccourci) {
 
 //on ajoute la classe "fixNavigation" a <div id="navigation">
 $('#navigation').addClass("fixNavigation"); 
 } else {
 
 //sinon on retire la classe "fixNavigation" a <div id="navigation">
 $('#navigation').removeClass("fixNavigation");
 }
 });
 });
 </script>

html/body

<div id='navigation'>
 Lien1 - Lien2 - Lien3
 </div>

css

navigation{
 background: #777777;
 background-image:URL("bgfooter.jpg");
 height: 80px;
 width: 100%;
 }

.fixNavigation{
 z-index: 9999;
 height:50px;
 position: fixed;
 top: 0;
 /* Mise en forme */
 width: 900px; /* <-- Largeur de votre site */
 }

par avance merci
fifi