滚动div固定到页脚

Question

嗨我希望有人可以帮助我，我一直在查找很多教程，看看是否可以轻松完成我是jQuery的新手，我正试图在页面上滚动一个固定的div但是当div到达底部时div正在进入页脚。 我想在jquery中添加类似滚动控件的东西，然后当它在页面上达到一定数量的像素时，在jquery中用.css改变定位。我不确定如何正确地解决它。我在jsfiddle中制作了一个非常简化的版本，以说明我正在尝试做什么，任何帮助将不胜感激。 感谢

[http://jsfiddle.net/wVhCR/]

Answer 1

这是应该有用的jQuery。只需创建一个css类，根据需要更改框。

$(document).on('scroll', function(){
    var scroller = $('#scroller');
    var footer = $('#footer');
    var scroll_bot = scroller.offset().top + scroller.height();
    var footer_top = footer.offset().top;

    alert(scroll_bot);
    if(scroll_bot > footer_top){
        scroller.addClass('classThatMakesBoxActRight');
    }else{
        scroller.removeClass('classThatMakesBoxActRight');
    }
});