I'm not even sure I'm describing this properly, but basically I want to display a leaderboard ad the way www.okcupid.com has setup.
I found this question helpful (http://stackoverflow.com/questions/3303173/position-element-fixed-vertically-absolute-horizontally) but it stays fixed. I would prefer it to scroll with the page until it reaches the top and then be fixed. Any ideas?
You would use JavaScript.
The element will have normal flow on your page, and when the document.body.scrollTop
is larger than the element's y
position, give it position: fixed
.