jquery - 如何创建一个具有右列的页面，该页面在某个点后不应滚动

Question

如果你看这个页面，

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

您会看到，在向下滚动几页后，右栏固定在最后一部分，并且不会随着页面的其余部分向下滚动。（它固定在最后一个广告上）我怎样才能实现这种效果？有教程或指南吗？

Answer 1

您需要使用 jQuery。如果 .box 是滚动后要修复的 div：

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

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