Question

我的网站上有一个聊天系统，并默认消息div位置，以便始终显示页面加载时的最后一条消息。我通过使用以下代码行完成了这个：

  msgDiv = document.getElementById('message_row_large');
  msgDiv.scrollTop = msgDiv.scrollHeight;

但是，此代码将滚动位置设置为始终等于div高度，这不允许用户向上滚动并查看其他消息。

我需要在页面加载后重新启用滚动到其默认功能。欢迎任何帮助。

谢谢！

P.S。我正在使用ajax来加载聊天消息。当用户点击左侧面板上的名称时，他/她与其他人之间的聊天会加载到右侧面板上。

Answer 1

尝试

    $display = $('#message_row_large');
    $display.animate({scrollTop: $display[0].scrollHeight }, 'fast');

工作小提琴：