滚动条在聊天室中不起作用

Scroll Bar not working in chatbox?

本文关键字：不起作用 聊天室 滚动条      更新时间：2023-09-26

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

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

试试这个

<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>
相关文章：