2013-08-16 35 views
-1

我有一個div,我希望始終移動,以便它堅持到頁面的頂部。我們只是說,我不能使用position: fixed;製作一個固定在頁面頂部的div

我最初使用$(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都像一個列,每列的標題向下移動

+5

爲什麼你不能使用position:fixed? –

+0

爲什麼你不能使用position:fixed?解釋一下。 –

+0

您可以發佈您嘗試過的'$(document).scroll(function(){})'代碼以及您試圖創建的任何其他代碼嗎? – MattDiamant

回答

0

如何使用兩個不同的div s。一個包含fixed內容,另一個包含應該可滾動的內容?

所以,你不在文件本身內滾動,但只在第二個div內?

或...使用position:fixed