div div div content fixed on scroll？

我有一個div固定在頂部和div下面的內容。div div div content fixed on scroll？

當我滾動我想的div content將超過股利top的頁面，我把Z-指數DIV的內容，但沒有任何反應......

#top{ 
    top:0; 
    width:100%; 
    height:100px; 
    position:fixed; 
    border:1px solid #000; 
    background:black; 
} 

#content{ 
    background:red; 
    margin-top:120px; 
    height:5000px; 
    z-index:300000; 
}

HTML

<div id=top></div> 
<div id=content></div>

我需要div頂部固定和內容相對。

有什麼不對？ https://jsfiddle.net/y97o6kaL/

來源

2016-02-12 Rick Joe

檢查我的答案。但我不明白，如果你不想顯示標題/頂部，那麼你爲什麼要設置它是固定的？ – ketan

@ketan謝謝你！當您滾動頁面 –

給z-index: -1;至#top將爲你工作。

#top{ 
    top:0; 
    width:100%; 
    height:100px; 
    position:fixed; 
    border:1px solid #000; 
    background:black; 
    z-index: -1; 
}

Working Fiddle

來源

2016-02-12 10:23:19 ketan

感謝您的回答朋友時，這只是做一個效果！ –

我想補充position: relative;到#content股利。

這將消除任何z-index樣式的需要。

#top{ 
 
    top:0; 
 
    width:100%; 
 
    height:100px; 
 
    position:fixed; 
 
    border:1px solid #000; 
 
    background:black; 
 
} 
 

 
#content{ 
 
    background:red; 
 
    margin-top:120px; 
 
    height:5000px; 
 
    position: relative; 
 
}

<div id=top></div> 
 

 
<div id=content></div>

來源

2016-02-12 10:25:55 Aaron

哦，它的工作原理！我認爲我不需要在我的div中添加'position：relative'，因爲它是默認位置......我錯了嗎？ –

默認'divs'是'position：static;' – Aaron

哦，我的壞！朋友，非常感謝您！ –

div div div content fixed on scroll？

回答

相關問題