固定元素的滾動溢出問題

Question

基本上我試圖在我的聊天箱中有滾動溢出問題。 事情是;我也收到了聊天室的標題，聊天內容正在被滾動之前被聊天內容溢出。 我希望它在<div class="header">Social Chat</div>之前停止溢出，以避免它重疊。

另外;現在內容永遠不能滾動 - 我不知道爲什麼。 這是我的jsfiddle： http://jsfiddle.net/FcEdx/

Answer 1

這是你在找什麼？

http://jsfiddle.net/FcEdx/9/

我修改的CSS如下

.header 
    { 
     position: absolute; 
     z-index: 2; 
     width: 100%; 
    } 
.chat-messages-wrapper { 
    position: absolute; 
    bottom: 5px; 
    padding-left: 7px; 
    padding-right: 7px; 
    height: 100%; 
    overflow-y: auto; 
}