如何制作一个固定定位的 div 直到某个点？答案

【问题标题】：How to make a fixed positioned div until some point?如何制作一个固定定位的 div 直到某个点？
【发布时间】：2014-02-14 23:50:57
【问题描述】：

我有一个带有应用属性 position: fixed; 的 div。我需要在屏幕滚动的某个高度上停止此属性。有任何想法吗？我只需要css代码。

【问题讨论】：

纯 CSS 做不到。
嗯。好的任何其他方式，但请采取最简单的方式，因为我只学过 css
查看我更新的答案，您只需将其中一个代码块添加到页面底部（</body> 之前）。不要忘记将它们包裹在 <script></script> 中。

标签： css html fixed

【解决方案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';
   }

};

【讨论】：

但是我不能得到它，我应该把数字写成 px 吗？即（29px）？
不，只是数字（在您的情况下为 29）
您使用的是哪个代码？如果您使用第一个，请确保在我的代码之前包含此代码：<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
它就像一个魅力。但是我还有一个问题，在停止position: fixed; 之后，div 需要为position: absolute;。一旦它停止，它就会跳回原来的位置，我希望它停在它不跳回的地方。