滚动div固定直到页脚[关闭]答案

【问题标题】：scrolling div fixed until footer [closed]滚动div固定直到页脚[关闭]
【发布时间】：2013-08-21 13:59:17
【问题描述】：

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

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

【问题讨论】：

标签： jquery html scroll fixed

【解决方案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');
    }
});

【讨论】：