我正在使用Meteor开发聊天应用。 发送消息后,它应显示消息并滚动到底部。但是,如何在插入后执行JS向下滚动?
Template.addMessage.events({
'submit form': function(e) {
Messages.insert({
user: 'username',
message: 'my message',
date: new Date()
});
window.scrollTo(0, document.body.scrollHeight);
}
});
显然,在使用新记录刷新视图之前,它会向下滚动。视图更新后如何执行?
答案 0 :(得分:2)
使用Collection.insert's callback
Template.addMessage.events({
'submit form': function(e) {
Messages.insert({
user: 'username',
message: 'my message',
date: new Date()
}, function(){
// add your code here
window.scrollTo(0, document.body.scrollHeight);
});
}
});