スクロールバーがチャットボックスで機能していませんか？

Question

<div class="chat active-chat" id="scroll" style="overflow-y: scroll;"> 
      <div ng-repeat="c in activeConversations track by c.time| orderBy:'time':false"> 
       <div class="bubble" ng-class="c.type"> 
        {{c.message}} &nbsp;&nbsp;&nbsp;&nbsp; 
        <span class="user_message">{{c.time | date:'yyyy-MM-dd HH:mm:ss'}}</span> 
       </div> 
      </div> 
     </div> 

私はすでにoverflowプロパティを追加して...私はangularjsでチャットボックスに取り組んでいると私は古いチャットを簡単にスクロールして見ることができるようにチャットエリアにスクロールバーを追加しますスクロールバーのみが表示されますが、スクロールバーは表示されません。 コントローラー側で何か変更する必要がありますか？事前

Answer 1

で おかげで、私はあなたがどこでも、コンテナの高さを制限する表示されませんでした。この

<div class="chat active-chat" id="scroll" style="max-height: 200px; 
     overflow-y: auto;"> 
    <div ng-repeat="c in activeConversations track by c.time| orderBy:'time':false" style="height:20px;"> 
     <div class="bubble" ng-class="c.type"> 
         {{c.message}} &nbsp;&nbsp;&nbsp;&nbsp; 
      <span class="user_message">{{c.time | date:'yyyy-MM-dd HH:mm:ss'}}</span> 
     </div> 
    </div> 
</div>