<div class=menu>
  
</div>
body {
  min-height: 2000px;
  background: #e1b5ae;
}
.menu {
  width: 300px;
  height: 50px;
  position: fixed;
  top: 0px;
  left: 50px;
  border: 2px solid black;
  border-top: none;
  border-radius: 0 0 5px 5px;
  background: white url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/images_rough-bg.png);
}
$(window).on('scroll', function() {
  var scroll_top = $(window).scrollTop();
  $('.menu').css('background-position-y', scroll_top * -.1);
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js