Cómo crear una página que tiene una columna a la derecha que no debe desplazarse después de algún punto [cerrado] - jquery, html, css

Si miras esta página,

http://www.cracked.com/blog/4-simple-pieces-career-advice-almost-no-one-follows/

Verás que después de desplazarte hacia abajo unos pocospáginas, la columna de la derecha se fija en la última parte y no se desplaza hacia abajo con el resto de la página (se fija en el último anuncio) ¿Cómo puedo lograr este efecto? ¿Hay un tutorial o guía para ello?

Respuestas

Necesitas usar jQuery. Si .box es el div que desea arreglar después de desplazarse:

$(window).scroll(function(){
var scrollTop = $(window).scrollTop();

if(scrollTop > 200){
$(".box").css("position","fixed");
}
});