Edit Basic sidebar-offcanvas from relative to static Position with CSS

Question

i need to make my relative offcanvas to Static Position with the same effect of transition !!! please check my live demo and make scroll

DEMO

i need somthing like this Demo

I tried to make the sidebar with the same height with Jquery like that :

$('#sidebar').height($(window).height()- 51);

its working but, i need to make it static with the top bar also

Answer 1

set position attribute to fixed . It will help your sidebar fix at position where ever you have placed it .