title: Make element fixed position, but follow page scroll if content too big
body: <p>See <a href="http://majorresume.lostbeans.com/" rel="noreferrer">this webpage</a>.</p>
  
  <ol>
  <li>First try scroll it, see that the left bar remains fixed.</li>
  <li>Resize the height of your window, so that not all of the content of the left bar is visible. Now scroll. This time, the left bar is not fixed.</li>
  </ol>
  
  <p>In this page, there is a jquery that calculates height of left bar, compares it to the window-height and then makes the left bar position fixed or absolute.</p>
  
  <p>However, I'm wondering if something similar is achievable through just HTML and CSS, not using jQuery or similar.  </p>
  
  <p>Any suggestions?
  In short what I'm looking for is a bar with content that remains fixed, but is scrolled if the content overflows. But the scrolling should be together with the whole page.</p>