Ryan Grush
Ryan Grush

Reputation: 2128

Side element fixes to top of page once scrolled to

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?

Upvotes: 1

Views: 358

Answers (1)

alex
alex

Reputation: 490273

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.

Upvotes: 1

Related Questions