在滚动时,底部固定div以阻止它的父母的底线

时间:2014-08-09 19:10:52

标签: jquery scroll fixed parallax

我尝试调整这个示例,以固定div与屏幕底部相同的方式工作,直到您滚动它的父母的底线,当滚动到更下方时它应该卡住。调整没有好结果,所以我在这里询问它应该如何完成?

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

1 个答案:

答案 0 :(得分:0)

好吧,我终于认为我从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');
}
});

问题是,当我尝试在浏览器中滚动时,我得到一些弹出错误消息,一些数字。这段代码中会有一些错误吗?