Фиксированное меню только по Y

var lastScrollTop = 0; 
$(window).scroll(function(event) { 
  var st = $(this).scrollTop(); 
  if (st > lastScrollTop) { 
    // downscroll code 
    if($('.menu').css('position')!= 'absolute'){ 
        $('.menu').css({position: 'absolute'}) 
         $('.menu').css({top:st}) 
    } 
     
    if ($('.menu').position().top + $('.menu').height() < st) { 
      $('.menu').css({ 
        top: st - $('.menu').height() 
      }) 
    } 
  } else { 
    // upscroll code 
    if($('.menu').position().top > st){ 
      $('.menu').css({position: 'fixed', top:0})  
    }else{ 
       
    } 
  } 
  lastScrollTop = st; 
});

body { 
  background: url(https://i.stack.imgur.com/fOLUM.jpg); 
  height: 5000px; 
  padding: 0; 
  margin: 0; 
} 
.menu { 
  position: absolute; 
  margin: 0; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<ul class=menu> 
  <li>Menu</li> 
  <li>Menu</li> 
  <li>Menu</li> 
  <li>Menu</li> 
  <li>Menu</li> 
  <li>Menu</li> 
  <li>Menu</li> 
  <li>Menu</li> 
  <li>Menu</li> 
  <li>Menu</li> 
  <li>Menu</li> 
  <li>Menu</li> 
  <li>Menu</li> 
  <li>Menu</li> 
  <li>Menu</li> 
  <li>Menu</li> 
  <li>Menu</li> 
  <li>Menu</li> 
  <li>Menu</li> 
  <li>Menu</li> 
</ul>