使用jQuery添加内容时，以编程为单位向下滚动DIV

Question

我有一个div，该div在jQuery对话框中显示了对用户的进度。我有卷轴。我想要的是，当我附加文本（在jQuery代码中）时，DIV应自动向下滚动，用户应该能够查看进度。例如

• 初始化，
• 处理记录，
• 库存已更新，
• 获取新订单信息，
• 处理订单，
• 订单处理..在
上

有人可以帮助我在jQuery中如何做到这一点吗？谢谢。

我附加div

的代码

$.ajax({
  type: "POST",
  url: "../Services/OrderR.asmx/Process",
  contentType: 'application/json',
  dataType: "json",
  data: JSON.stringify(params3),
  success: function (p) {
    if (p.d.Success == true) {
      status = status + p.d.Message + '</br>';
      $('#divProgressDialog').empty();
      $('#divProgressDialog').append(status);
      return;
    }
    else {
      status = status + '<font color=#FF0000>Error - ' + p.d.Message + '</font></br>';
      status = status + 'Please contact support team.';
      $('#divProgressDialog').empty();
      $('#divProgressDialog').append(status)
      return;
    }
  }
});

Answer 1

在（*）返回之前添加它;

var myHeight = $('#divProgressDialog').scrollHeight
$('#divProgressDialog').scrollTop(myHeight);

编辑：如果您提供了JSFIDDLE，我将测试此代码，但我认为这就是您所缺少的。每次添加内容时，都会计算新的高度，然后继续滚动到底部。

（*）=编辑2