未在摺疊下呈現的元素

我有一個垂直導航欄，該頁面應該位於頁面的整個高度。在沒有滾動的小頁面上，但是一旦我向下滾動，我就可以看到滾動條正好在摺疊的上方結束，並且在滾動後不會繼續。該CSS是：未在摺疊下呈現的元素

.top-bar { 
    width: 80px; 
    min-width: 0; 
    background: url(../img/grad-overlay-hz.png) #292929; 
    float: left; 
    height: auto; 
    min-height: 100% !important; 
    border: none; 
    border-right: 1px solid #515151; 
    margin: 0; 
    padding: 0; 
}

來源

2012-03-08 Alex N

那麼酒吧應該是整個頁面的高度（事件在摺疊區域下面）還是瀏覽器窗口？ – evasilchenko 2012-03-08 20:06:08

頁面的整個高度，即窗口的高度是問題;）。 – 2012-03-08 20:13:12

什麼樣的HTML看起來像導航位置？你有沒有嘗試將身高和html標籤的min-height設置爲100％？ – evasilchenko 2012-03-08 20:17:22

我認爲你應該使用的位置：固定屬性。這會將導航欄始終保存在視口中。

.top-bar { 
    width: 80px; 
    min-width: 0; 
    background-color: #292929; 
    position: fixed; 
    height: 100%; 
    border: none; 
    border-right: 1px solid #515151; 
    margin: 0; 
    padding: 0; 
}

來源

2012-03-08 20:14:58 koenpeters

這對我很有用，但導航圖標非常大，整個酒吧的高度幾乎爲800px，因此小屏幕上或平板電腦/手機上的用戶永遠不會看到所有導航元素。 – 2012-03-08 20:56:17

這是正確的。同樣位置：固定在移動設備上不能很好地工作。所以我認爲你最好不要使用它。截止效應已知，但我不記得目前的修復。以下是您可能需要閱讀的解釋：http://delvauxkoen.blogspot.com/2010/01/common-css-bug-with-viewport-scrolling.html – koenpeters 2012-03-08 20:58:32

您可以嘗試使用媒體查詢調整內容大小，同時保持固定。 – 2012-03-09 01:09:23

未在摺疊下呈現的元素

回答

相關問題