css - 如何在某个时候制作固定定位的 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';
   }

};