将div固定在页面顶部

时间:2013-08-16 07:09:16

标签: javascript jquery css scroll

我有一个我想要总是移动的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都像一个列,每列的标题向下移动

1 个答案:

答案 0 :(得分:0)

如何使用两个不同的div。一个包含fixed内容,一个包含应该可滚动的内容?

所以你不要在文档本身内滚动,而只是在第二个div内滚动

或者......使用position:fixed