MD-LIST恆定高度

Question

我想用MD-列表爲模板此實現一些簡單的聊天。 問題是，當我加入新的項目，MD-列表（推新郵件）的MD-名單還在不斷增加。

我希望我的列表具有類似於其他聊天的行爲，所以聊天高度是恆定的，與項目計數無關，並且聊天在Y中可滾動，因此用戶可以通過滾動選擇較早的消息。

我alread設置此：

md-list{ 
    overflow-y: scroll; 
} 

和聊天的容器設置一些最大高度值，但名單還在不斷增加，並走出父尺寸。

所以父母是初始化400像素高度，聊聊天呢。當我添加消息父母總是有400px的高度，但聊天正在增長+ = message.height。

如何解決？ 我嘗試添加最大高度一樣聊天的初始高度，但這不起作用。

任何想法？

Answer 1

添加類固定高度MD-列表。

 <md-list class="fix-height">   
     <md-subheader class="md-no-sticky">3 line item (with hover)</md-subheader> 
     <md-list-item class="md-3-line" ng-repeat="item in todos" ng-click="null"> 
      <img ng-src="{{item.face}}?{{$index}}" class="md-avatar" alt="{{item.who}}"> 
      <div class="md-list-item-text" layout="column"> 
      <h3>{{ item.who }}</h3> 
      <h4>{{ item.what }}</h4> 
      <p>{{ item.notes }}</p> 
      </div> 
     </md-list-item> 
     </md-list> 

CSS

.fix-height{ 
    max-height:200px; 
    height:200px; 
} 

codepen here