Jquery 底部固定div，在滚动时固定在父级的底线上

我试着调整这个例子，使fixed div与屏幕底部对齐，直到你滚动到它的父对象的底线，当滚动到下一步时，它应该停留在那里。调整没有好的结果，所以我在这里问它应该怎么做

---

好吧，我终于想到了解决办法。 此代码：

$(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');
}
});

---

现在的问题是，当我尝试在浏览器中滚动时，我会收到一些弹出错误消息，一些数字。此代码中是否存在一些错误？

请显示相关代码片段，以便我们更好地了解您的问题并帮助您。谢谢：这就是我试图调整的：相同的东西，但红色的固定div与屏幕底部对齐，并在荷马进来时以相同的方式卡在父div中。删除alertscroll\u bot；弹出窗口应该会消失