title: Edit Basic sidebar-offcanvas from relative to static Position with CSS
body: <p>i need to make my relative offcanvas to  Static Position with the same effect of transition !!! please check my live demo and make scroll </p>
  
  <p><a href="http://mohammadsamy.com/KN/KN.html" rel="nofollow">DEMO</a> </p>
  
  <p>i need somthing like this <a href="http://www.loaistudio.com/" rel="nofollow">Demo</a></p>
  
  <p>I tried to make the sidebar with the same height with Jquery like that :</p>
  
  <pre><code>$('#sidebar').height($(window).height()- 51);
  </code></pre>
  
  <p>its working but, i need to make it static with the top bar also </p>