滾動時保持div頂部，但保留保證金

標題有點愚蠢。我有一個頁面，可能有很多錯誤。無論哪種方式，都有一個Navi和一個文本框。 Navi離開了，文本框正確。滾動時保持div頂部，但保留保證金

Navi應該向上滾動，直到它碰到窗口頂部，然後停留在那裏。我到目前爲止工作。複製和使用的代碼我發現，因爲我是JavaScript的noob。

雖然文本框發生了一些情況，只是在Navi從相對位置變爲固定位置的那一刻。該文本框忽略了Navi，並在其上面寫下。

我用Navi固定之前，我用棍子頂部的腳本，它都運行良好。

這裏的頁面： http://test.pluskat.de/StuckWeit/

忽略的背景圖像。

該怎麼做或改變什麼？現在我完全把自己搞糊塗了。請幫忙。記住我是Javascript中的noob。我可能會跟着你，但請描述要做什麼，以便其他人也可以從中學習。

謝謝。你們是我最後的希望。

來源

2013-11-25 Matthias Gies

將固定和絕對定位的元素從文檔流**中移除**這意味着其他元素不會基於它們的存在而流動。這是一個CSS問題。 – ahren

要解決此問題，您可以嘗試在style.css文件的末尾添加下面的樣式。

#wrapper 
{ 
    width: 1024px; /*Add this if you have fixed width layout else ignore*/ 
    position: relative; 
} 

#textbox 
{ 
    position: absolute; 
    left: 220px; 
    height: auto; 
}

來源

2013-11-25 16:33:20

謝謝。從來沒有想過包裝。工作正常！ –

這是固定位置的工作原理：它將元素從文檔流中取出。這就是爲什麼你的div佔據整個寬度。您可以嘗試將一個類（即「nav-located」）添加到公共容器元素，而不是更改JS中的position屬性。當你可以風格.nav定位.navi1和.nav定位#Text

來源

2013-11-25 15:56:38 emik

滾動時保持div頂部，但保留保證金

回答

相關問題