我正在 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}}
<span class="user_message">{{c.time | date:'yyyy-MM-dd HH:mm:ss'}}</span>
</div>
</div>
</div>
我已经添加了溢出属性,只有滚动条可见,但它不滚动... 我应该在 Controller 方面更改什么吗? 提前致谢
最佳答案
试试这个
<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}}
<span class="user_message">{{c.time | date:'yyyy-MM-dd HH:mm:ss'}}</span>
</div>
</div>
</div>
关于javascript - 滚动条在聊天框中不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36733981/