底部固定 div 在滚动时卡住它的父级底线答案

【问题标题】：Bottom fixed div to stuck it's parent's bottom line when scrolling by底部固定 div 在滚动时卡住它的父级底线
【发布时间】：2014-08-09 19:10:52
【问题描述】：

我试图调整这个示例，使其以固定 div 与屏幕底部对齐的方式工作，直到您滚动到它的父级底线，当向下滚动时它应该卡住。调整没有好的结果，所以我在这里问应该怎么做？

Stop jQuery fixed position scrolling when bottom of scrolling element reaches end of parent element

【问题讨论】：

请出示相关代码sn-ps，以便我们更好地了解您的问题并为您提供帮助。谢谢:)
这是我试图调整的：jsfiddle.net/MiguelR/Bybd5 同样的事情，但红色的固定 div 与屏幕底部对齐，并在 Homer 进来时以相同的方式卡在父 div 中。

标签： jquery scroll fixed parallax

【解决方案1】：

好吧，我终于认为我从这里 scrolling div fixed until footer 找到了解决方案。这段代码：

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

问题是当我尝试在浏览器中滚动时，我收到一些弹出错误消息，一些数字。这段代码会不会有bug？

【讨论】：

删除警报(scroll_bot);并且弹出窗口应该消失