Javascript 聊天室中的滚动条不工作？

我正在使用angularjs开发聊天框，我想在聊天区添加一个滚动条，这样可以通过向上滚动查看较旧的聊天

    <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>

{{c.message}}
{{c.time}日期：'yyyy-MM-dd HH:MM:ss'}

我已经添加了溢出属性，只有滚动条是可见的，但它没有滚动。。。 控制器方面有什么我需要更改的吗。 提前感谢

试试这个

<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>

{{c.message}}
{{c.time}日期：'yyyy-MM-dd HH:MM:ss'}

试试这个

<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>

{{c.message}}
{{c.time}日期：'yyyy-MM-dd HH:MM:ss'}

我没有看到您在任何地方限制容器的高度。您需要在

#滚动

上设置高度，该高度小于元素的实际高度。我没有看到您在任何地方限制容器的高度。您需要在

#滚动

上设置小于屏幕实际高度的高度element@SachinBahal请删除聊天和活动类-chat@SachinBahal我认为类中的某些属性会覆盖您的code@SachinBahal请删除聊天和活动类-chat@SachinBahal我认为类中的一些属性覆盖了你的代码