title: How to make an element with fixed position relative to its parent, not the whole screen?
body: <p>I run into situation that when user scroll down, a part of the sidebar gets fixed position, however when I catch the position and apply fixed css to the sidebar element, it gets fixed to whole screen, not just the parent (which is sidebar)</p>
  
  <p>how do I setup this correctly?</p>