jQuery fixed content that scrolls if larger than view
<p>This is hard to explain but if you go here: <a href="https://developers.facebook.com/docs/reference/api/" rel="nofollow">https://developers.facebook.com/docs/reference/api/</a></p>

<p>You will see that BOTH the sidebar and header are fixed but because the height of the sidebar may be larger than the viewport it scrolls slightly until the user has been able to view all of it and then becomes fixed again.</p>

<p>My question is how could I do something like this with jQuery? I have built similar things using just CSS but would like to overcome the problem with the sidebar.</p>

<p>Thanks</p>
