Плавающее меню для сайта

Пример решения с jquery

HTML:

<div class="fixed-bottom">
</div>

CSS:

body {
  height: 10000px;
}
.fixed-bottom {
  position: fixed;
  bottom:0;
  left:0;
  height: 50px;
  width: 100%;
  background: #000;
}
.fixed-Top {
  top:0;
  left:0;
}

JS:

$(window).scroll(function () {
     console.log(  )
        if (window.pageYOffset == 0) {
    } else {
        $('.fixed-bottom').addClass('fixed-Top');
    }
});

Пример на jsFidd Клик !