DIV向下滚动到底部脚本错误JQUERY

时间:2013-10-01 12:13:50

标签: javascript jquery

我收到此功能的错误

function scrolldown() {
$("#chatArea").scrollTop($("#chatArea")[0].scrollHeight);
}
  

Fehler:TypeError:$(...)[0]未定义

在ajax查询中调用此脚本以更新聊天框以滚动到底部

function refreshChat()
{       
      $.ajax({
          type: "POST",
          url: "ajax/sb.php",
           success: function(msg){
                $("#chatArea").html(msg);
                scrolldown();
           }
      });
}

每5秒更新一次

window.setInterval("refreshChat()",5000);

有什么建议吗?

2 个答案:

答案 0 :(得分:0)

我相信这应该有用

function scrolldown() {
    $("#chatArea").scrollTop(document.getElementById('chatArea').scrollHeight);
}

消除使用$("#chatArea")[0]将使用jQuery返回dom元素的事实。但无论出于何种原因,它似乎都会返回错误。

修改

我的回答修复了原始问题,但您已更新:

 TypeError: document.getElementById(...) is null 

这基本上意味着找不到元素。简而言之,当函数运行时$("#chatArea")不在DOM中。它不存在。运行该功能时,请确保$("#chatArea")可用。

答案 1 :(得分:0)

试试这个

function scrolldown() {
    $("#chatArea").scrollTop($("#chatArea").get(0).scrollHeight);
}