title: Fixed Header Transformation When Page is Scrolled
body: <p>I can't for the life of my figure this out. Does anyone know how this scrolling effect is created on this website? - <a href="http://blindbarber.com/news" rel="nofollow">http://blindbarber.com/news</a></p>
  
  <p>I'm working on a project where this effect would greatly help so that my fixed navigation isn't too large when scrolling.</p>
  
  <p>Thanks in advance.</p>