2013-08-21 80 views
-2

嗨,我希望有人可以帮助我,我一直在查找很多教程,看看这是否可以轻松完成我是新来的jQuery,我想滚动一个固定div下的页面,但div到底部移动到页脚。 我想在jquery中添加类似滚动控件的东西,然后当它达到页面上的一定数量的像素以改变jQuery中的.css的位置时。但我不确定如何妥善处理它。我已经在jsfiddle中做了一个非常简化的版本来说明我想要做什么,任何帮助将不胜感激。 感谢滚动div固定,直到页脚

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

回答

3

这里是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'); 
    } 
});