2012-08-10 74 views
-1

的運動我設定一個固定的容器爲我的網站,並正確滾動的作品列。問題是,我需要通過停止移動來觸發div下的聯繫表單來限制固定的屬性。固定容器

THX!

很好您好,

我正確設置固定到我的網站和垂直滾動功能正常的一列的容器。問題是,我需要限制固定屬性以在從底部撞擊接觸形式的容器時停止移動。

謝謝!演示

錯誤:http://enredoweb.com

jQuery代碼:

$(window).scroll(function() { 
$("#catalogModule").css("top",Math.max(0,554-$(this).scrollTop())); 
}); 

CSS代碼:

#catalogModule { 
    float:left; 
    width:186px; 
    background-color:red; 
    position:fixed; 
    top:554px; 
} 

回答

0
$.fn.scrollBottom = function() { 
    return $(document).height() - this.scrollTop() - this.height(); 
}; 

$(window).unbind('scroll'); 
$(window).scroll(function() { 
    nav = $("#catalogModule"); 
    if((nav.position().top+nav.height()) >= $('#contact1').position().top) { 
     realFooterHeight = $('#contact1').height()+$('#footer1').height(); 

     nav.css("top","auto"); 
     nav.css("bottom",realFooterHeight-$(this).scrollBottom()); 
    } 
    else { 
     nav.css("bottom",'auto'); 
     nav.css("top",Math.max(0,554-$(this).scrollTop())); 
    } 
}); 
+0

這是解決了,非常感謝你的朋友! 正確生成的代碼,你可以在這裏看到的結果:http://enredoweb.com – user1591071 2012-08-10 21:01:28