如何使一個固定位置div直到某個點？

Question

我有一個應用程序屬性position: fixed;的div。我需要在屏幕滾動的某個高度處停止此屬性。有任何想法嗎？ 我只需要css代碼。

Answer 1

您可以用jQuery做到這一點很容易地：

$(window).scroll(function(){ 
    if ($(window).scrollTop() >= target) { // change target to number 
     $("#el").css('position', 'relative'); 
    } 
}); 

或純JavaScript：

window.onscroll = function(){ 

    if(window.scrollY >= target) { // change target to number 
     document.getElementById('el').style.position = 'relative'; 
    } 

};