4
我正在制作一个角度为js的聊天应用程序,并且我已将滚动条添加到聊天区域。 下面是代码:滚动底部
<div class="chat active-chat" id="scrollme" >
<div class="scroll">
<div ng-repeat="c in activeConversations track by c.time| orderBy:'time':false" >
<div class="bubble" ng-class="c.type" >
{{c.message}} <br/>
<a style="color: blue;" ng-click="openFile(c.uploadedFile.fileContentType, c.uploadedFile.file)" ng-if="c.uploadedFile.file" target="_blank">{{c.uploadedFile.fileName}}
</a>
<span class="user_message">{{c.time | date:'yyyy-MM-dd HH:mm:ss'}}</span>
</div>
</div>
</div>
</div>
和CSS是这样的:
.scroll{
overflow-y: auto;
overflow-x: hidden;
}
#scrollme{
height: 403px;
width: 498px;
padding-right: 10px;
padding-bottom: 76px;
padding-left: 12px;
}
现在我想用默认值保留滚动在底部,当消息到达时,它应该向上滚动。
在此先感谢
变种textarea = document.getElementById('textarea_id'); textarea.scrollTop = textarea.scrollHeight; –