javascript - 滚动条在聊天框中不起作用？

Question

我正在 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>

我已经添加了溢出属性，只有滚动条可见，但它不滚动...我应该在 Controller 方面更改什么吗？提前致谢

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>