How to make a share-this window drop when reaching end of post?

Question

The following blog of okcupid had this interesting feature that shows a "share this" window only when you reach the end of the post:

http://blog.okcupid.com/index.php/what-if-there-were-not-so-many-white-people/

How is it possible to do this?

Thanks

Answer 1

They've attached a function to the scroll event of the page, it looks at the scroll position of the document relative to its height to detect when you've reached the bottom, in which case they animate the flyout div.

jQuery has some easy methods for this: $(document).height();, $(document).scrollTop();

edit: these may help one two