I have initalize message with scrollMessages: false.
So when I use the function addMessage it doesn’t scroll. But it reposition the position.
I also want that to prevent. What can I do about that?
This is my code:
<script>
initializeMessages: function() {
var self = this;
self.messages = app.messages.create({
el: '.messages',
scrollMessages: true,
scrollMessagesOnEdge: false,
firstMessageRule: function (message, previousMessage, nextMessage) {
if (message.isTitle) {
return false;
}
if (!previousMessage || previousMessage.type !== message.type || previousMessage.name !== message.name) {
return true;
}
return false;
},
lastMessageRule: function (message, previousMessage, nextMessage) {
if (message.isTitle) {
return false;
}
if (!nextMessage || nextMessage.type !== message.type || nextMessage.name !== message.name) {
return true;
}
return false;
},
tailMessageRule: function (message, previousMessage, nextMessage) {
if (message.isTitle) {
return false;
}
if (!nextMessage || nextMessage.type !== message.type || nextMessage.name !== message.name) {
return true;
}
return false;
}
});
},
refreshContent: function(e, done) {
var self = this;
url = 'https://chatsession/';
app.request.json(
url,
for (var i = 0; i < data.results.length; i++) {
if(data.results[i].user_send == localStorage.UserName){
type_message = 'sent'
}else{
type_message = 'received'
}
self.messages.addMessage({
animate: false,
method: 'prepend',
text: data.results[i].text,
textFooter: data.results[i].publishedAt,
type: type_message
});
}
done();
},
);
}