有时div没有滚动顶部

时间:2016-06-27 01:43:07

标签: javascript jquery ajax

所以我尝试创建自己的聊天,支持离线消息。 我已经可以使用它,但有时当我发送消息时,滚动条不会按原样移动,如果我想看到刚发送的消息,我必须向下滚动一点。它每次都有不同的行为,这就是困扰我的行为。 每当我发送消息时,这是负责滚动的脚本

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);
                    }
                })
            }

3 个答案:

答案 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之前强制线程等待一段时间。