如何在html中設置固定位置元素的最大深度？

在我的HTML代碼，我有這樣的如何在html中設置固定位置元素的最大深度？

|-------| 
|-------| 
| | | 
| | | 
| | | 
|-------|

左下角細胞的表，是一個固定的位置，所以它上下移動，當你滾動頁面。它基本上是右下角單元格內容的菜單。頂部單元格是主菜單。

同樣，整個頁面都有一個頁腳，它總是粘在頁面的底部。這是我無法修改的，因爲我只能將我的html添加到現有頁面，而不能修改其他包含該頁腳的東西。

問題是，當我滾動到頁面底部時，我的固定位置菜單與底部頁面頁腳重疊。

有沒有一種方法可以讓菜單底部不會超過右側單元格的底部。從而使菜單不會與頁腳重疊。

感謝

來源

2013-08-02 omega

你指的是[Z - 索引] （http://coding.smashingmagazine.com/2009/09/15/the-z-index-css-property-a-comprehensive-look/）？ – mawburn

不，我只想要固定位置單元格的底部，不要超過表格的底部。基本上設置一個最大的Y座標。 – omega

我認爲你需要用JavaScript來做到這一點。 – putvande

如果你知道你可以設置固定單元到高度的底部屬性，那麼它絕不會在它下面的頁腳的高度。另一種選擇是使用JavaScript並執行滾動事件，如果滾動位於底部，則將固定位置的底部屬性設置爲頁腳高度。

.some-fixed-cell{ 
    position: fixed; 
    bottom: 50px; // This should be the height of the footer. 
    // It will make it to where the fixed element will always leave 50px between 
     it and the bottom of the window. 
}

來源

2013-08-02 18:17:22 Shane

這是固定小區的底部屬性到那個高度的含義。你可以顯示一些代碼嗎？ – omega

它會更好，如果ü告訴我們您的代碼或一個的jsfiddle ...反正我的猜測是::

您可以嘗試在您的固定菜單position:fixed;bottom:10px;或margin-top:10px在您的頁腳

你也可以嘗試在position:fixed;top:10px;您的頁腳

，但我不能保證你，直到你告訴我們，你的代碼

來源

2013-08-02 18:28:00

如何在html中設置固定位置元素的最大深度？

回答

相關問題