允許在固定定位元素上溢出

Question

我的頁面底部附近有一個固定的定位元素。由於它的內容比窗口高度本身更多，所以顯示其餘部分已被減少。

我試着加入overflow:auto來解決這個問題，並能夠通過固定定位元素滾動但沒有運氣。

我想可能有一個JavaScript解決方案附近，但想知道是否有一個CSS。

希望我的問題有道理。

感謝

Answer 1

需要修復的高度/寬度來獲得滾動條，否則fixed元件膨脹拿出來看。這裏有一個小小的演示：little link。基本outine：

HTML：

<div class = "fixed"> 
    Glee is awesome!<br/> 
    ... 
    Glee is awesome!<br/> 
</div> 

CSS：

html, body { 
    height: 100%; 
} 
.fixed { 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    height: 100%; 
    width: 100px; 
    overflow: auto; 
}