将 div 固定在页面顶部答案

【问题标题】：Making a div fixed at the top of the page将 div 固定在页面顶部
【发布时间】：2013-08-16 07:09:16
【问题描述】：

我有一个 div，我想始终移动它，使其粘在页面顶部。假设我不能使用position: fixed;

我最初使用$(document).scroll(function(){}) 来通过滚动移动div。但这会使网站在滚动 10 秒后变得异常缓慢。

我目前的解决方案是使用setTimeOut() 来防止多次调用。但是，这会导致延迟，并且 div 仅在我停止滚动后才会粘在页面顶部。

有没有办法让 div 连续平滑移动而不会降低我的速度？

编辑：我有以下代码：

<div id="outerDiv">
   <div class="div">
      <div class="fixed"></div>
      <div class="otherDivs"></div>
   </div>
   <div class="div">
      <div class="fixed"></div>
      <div class="otherDivs"></div>
   </div>
</div>

所以.outerDiv 有一个固定的宽度，而且.div 有很多，所以outerDiv 有overflow-x: scroll。如果我在 .fixed 上使用position: fixed，那么它们将无法正确显示。我希望每个 .div 都像一列，每列的标题向下移动

【问题讨论】：

为什么不能使用 position:fixed ？
为什么不能使用 position:fixed？解释一下。
您可以发布您尝试过的$(document).scroll(function(){}) 代码，以及您尝试过的任何其他代码吗？
为什么你把 div.fixed 放在一个 div 里，而不是直接放在 body 里？

标签： javascript jquery css scroll

【解决方案1】：

使用两个不同的divs 怎么样。一个包含fixed 内容，一个包含应该可以滚动的内容？

所以您不在文档本身内滚动，而只在第二个 div 内滚动？

或者...使用position:fixed

【讨论】：