Как сделать фиксированный позиционированный div до некоторой точки?

Question

У меня есть div с приложенным имуществом position: fixed;. Мне нужно остановить это свойство на некоторой высоте прокрутки экрана. Есть идеи? Мне просто нужен только код 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'; 
    } 

};