在我的窗口滾動條上固定div

我的問題是我的固定div在我的頁面底部有免責聲明等。在我的窗口滾動條上固定div

這個DIV與垂直滾動條重疊，所以我刪除了父元素的溢出。

現在正在工作，但我需要父元素的溢出來滾動頁面時看到更多的內容。

有人可以幫助我嗎？

來源

2014-12-03 Snickbrack

的jsfiddle請 – Roi 2014-12-03 09:53:50

加上'Z-index'您定格。 – 2014-12-03 09:56:05

@Roi http://jsfiddle.net/19csm3xL/ - 但我的問題不可見那裏 – Snickbrack 2014-12-03 10:00:51

看看這個： jsfiddle

#scrollable 
{ 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    top: 0; 
    left: 0; 
    z-index: 2; 
    margin:0; 
    padding:0; 
} 

div.bottom 
{ 
    background-color: #fa0000; 
    position: fixed; 
    bottom: 0%; 

    /*height: 10%;*/ 
    height: 80px; 
    width: 100%; 
    margin:0; 
    padding:0; 
    z-index:9999; 
} 

div.test 
{ 
    border-radius: 10px 10px 10px 10px; 
    -moz-border-radius: 10px 10px 10px 10px; 
    -webkit-border-radius: 10px 10px 10px 10px; 
    position: absolute; 
    top : 10px; 
    background: #000000; 
    height: 1500px; 
    width: 100%; 
    margin-bottom: 80px; 
    margin:0; 
    padding:0; 
}

來源

2014-12-03 11:04:42 Alin

我看到了你添加的z-index，但是這並沒有解決我的問題，導致div不會[[＃！！％$]]落在[§％@！$]滾動條的後面。 – Snickbrack 2014-12-03 11:21:36

我沒有得到那部分，有同樣的問題，但刪除溢出（也將其放置到自動）和一個自動z索引幫助）爲什麼你不試試這個，如果沒有幫助，只是刪除Z指數也是如此。 – Alin 2014-12-03 11:30:06

您必須設置容器的高度。高度應該足以讓免責聲明可見。然後給溢出：自動到容器。這將負責滾動和重疊。

可以根據頁面的DOM結構計算高度。但請給予適當的高度。

溢出的概念非常簡單，當您的內容「oveflows」滾動條出現時，如果你有溢出屬性。在你的情況下，溢出發生，但由於可用高度更多，它超越了免責聲明。儘量減少，以免您的免責聲明div和容器div不重疊。而且你應該沒問題

如果你已經發布了代碼和頁面結構，它會更容易解釋。

來源

2014-12-03 10:11:54 KaustubhSV

在這種情況下高度不成問題。我實際上需要容器是這麼大，因爲裏面有很多內容。 – Snickbrack 2014-12-03 10:50:59

在我的窗口滾動條上固定div

回答

相關問題