所以我尝试创建自己的聊天,支持离线消息。 我已经可以使用它,但有时当我发送消息时,滚动条不会按原样移动,如果我想看到刚发送的消息,我必须向下滚动一点。它每次都有不同的行为,这就是困扰我的行为。 每当我发送消息时,这是负责滚动的脚本
success: function () {
//do something with response
var url = '/Chat/ReturnTeacherNewMessages?Student_id=' + '@ViewBag.Student_id';
$('#user_content').load(url);
$('#MSG').val("");
$.ajax({
success: function () {
var wtf = $('#user_content');
height = wtf[0].scrollHeight;
wtf.scrollTop(height);
}
})
}
答案 0 :(得分:0)
你在使用Jquery吗?尝试使用.scrollTop API
在你的情况下,它应该看起来像这样: $('#user_content').scrollTop(0);
答案 1 :(得分:0)
这个怎么样?
Eclipse JEE Neon
答案 2 :(得分:0)
感谢您的帮助,我能够解决这个问题 这就是我做的事情
success: function () {
//do something with response
var url = '/Chat/ReturnTeacherNewMessages?Student_id=' + '@ViewBag.Student_id';
$('#user_content').load(url);
$('#MSG').val("");
$.ajax({
success: function () {
setTimeout(function () {
var wtf = $('#user_content');
height = wtf[0].scrollHeight;
wtf.scrollTop(height);
}, 1000);
}
})
}
我知道也许这不是最好的解决方案,但它是目前唯一有效的方法,而且效果很好。我只需要在scrolllingTop之前强制线程等待一段时间。