滚动栏无法在聊天室中使用?

时间:2016-04-20 04:42:45

标签: javascript css angularjs html5

我正在使用angularjs中的聊天框,我想在聊天区域添加滚动条,以便通过向上滚动轻松查看旧聊天...

sort

我已经添加了overflow属性,只有滚动条可见,但它不滚动... 在控制器方面我应该改变什么吗 提前致谢

1 个答案:

答案 0 :(得分:0)

试试这个

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