Side element fixes to top of page once scrolled to

Question

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?

alex · Accepted Answer · 2011-05-28T01:16:32.473

1

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.

edited May 28 '11 at 01:16

answered May 28 '11 at 01:10

alex

479,566
201
878
984

Don't you mean `position: fixed`? – Wesley Murch May 28 '11 at 01:14
@Wesley Whoops, yes. I just got out of bed :P – alex May 28 '11 at 01:16
I had a feeling. I don't know too much javascript, but that should give me a good starting point ... Thanks! – Ryan Grush May 28 '11 at 02:16

Side element fixes to top of page once scrolled to

1 Answers1