I have a fixed element (div) that I want to scroll with the page. It is inside a position: relative element so it will not go past top of that container. All that works perfect. However, I want the fixed element to stay within the containing div. so when the bottom of the fixed div reaches the bottom of the container it stops scrolling with the page.
I was hoping to do this with CSS but maybe I have to use jquery. Any suggestions?