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

DIV Scroll down to bottom Script Error JQUERY

本文关键字：底部 脚本错误 JQUERY 滚动 DIV      更新时间：2023-09-26

我收到来自此函数的错误

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

有什么建议吗？

试试这个 

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

我相信这应该有效

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

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

编辑

我的答案已经解决了原始问题，但您已更新：

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

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

相关文章：