I have a div which when the users scroll down it needs to reappear, like a floating menu does. Its not as simple as that though i need to get the div to only float when the user has scrolled down to a certain stage/section e.g. 100px down for example.

The page has some static divs e.g. one then two and the third div is the one i need to move up and down but to never overlap divs one and two above it.

How can I do this?

Best Regards