滾動div固定，直到頁腳

Question

嗨，我希望有人可以幫助我，我一直在查找很多教程，看看這是否可以輕鬆完成我是新來的jQuery，我想滾動一個固定div下的頁面，但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'); 
    } 
});