jquery - 滚动 div 固定到页脚

Question

嗨，我希望有人可以帮助我我一直在查找很多教程，看看这是否可以轻松完成我是 jQuery 新手，我正在尝试将固定 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');
    }
});