floating div content that tracks along a parent divs height
I am looking for an HTML5 / jquery solution to attaching a floating div (lets call this div "A") to the right side of a parent div (call this "B") and have div A stay on screen during scrolling but stop when it hits the top or bottom of div B's height. If you have seen the floating/absolute positioned social media buttons that stay on screen (its the right concept) but I want to constrain the float to only go as high or low as div B's height.

The following is an example I found
[http://www.cssplay.co.uk/layouts/fixed.html][1]


  [1]: http://www.cssplay.co.uk/layouts/fixed.html

if you look at div id="page" my goal is to get the floating menu to scroll on screen up and down div id="page" height along its right side and not go above or below div B/page.

Any advice / help / code snips are greatly welcome.
Thank you in advance.
floating div content that tracks along a parent divs height
===

I am looking for an HTML5 / jquery solution to attaching a floating div (lets call this div "A") to the right side of a parent div (call this "B") and have div A stay on screen during scrolling but stop when it hits the top or bottom of div B's height. If you have seen the floating/absolute positioned social media buttons that stay on screen (its the right concept) but I want to constrain the float to only go as high or low as div B's height.

The following is an example I found
[http://www.cssplay.co.uk/layouts/fixed.html][1]


  [1]: http://www.cssplay.co.uk/layouts/fixed.html

if you look at div id="page" my goal is to get the floating menu to scroll on screen up and down div id="page" height along its right side and not go above or below div B/page.

Any advice / help / code snips are greatly welcome.
Thank you in advance.