Javascript 溢出：滚动不'；当我将内容添加到div时无法工作

我的页面上有一个具有以下样式的div，并且没有开始的内容：

                        #chatwindow {
                                width: 500px;
                                height: 50px;
                                overflow-y: scroll;
                                margin: 5px auto;
                                background: white;
                                border: 1px solid black;
                        }

现在，我有一个简单的Javascript函数，它向div添加了新行：

function updateChat(response) {
                        $('#chatwindow').append('<p>' + response + '</p>');
                        $("#chatwindow").attr({ scrollTop: $("#chatwindow").attr("scrollHeight") });
                }

函数updateChat（响应）{
$（“#聊天窗口”）.append（“”+response+”
”）；
$（“#聊天窗口”）.attr（{scrollTop:$（“#聊天窗口”）.attr（“scrollHeight”）}）；
}

它应该在div中添加一行并滚动到顶部。但是，当div中的内容对于div来说变得太大时，溢出不会滚动-它在div的下边界之外仍然不可见。当内容变得太大时，我该怎么做（最好是单独使用CSS）才能使div的滚动条显示出来

---

scrollTop

不是一个HTML属性，但它是一个，除其他外

$("#chatwindow").scrollTop( $("#chatwindow").attr("scrollHeight") );

请注意，

scrollHeight

也不是一个HTML属性，除非您出于某种原因添加了它，没有标记很难说，但您可能正在查找本机scrollHeight属性

$("#chatwindow").scrollTop( $("#chatwindow").prop("scrollHeight") );

---

scrollTop

不是一个HTML属性，但是它是一个属性，以及其他属性吗

$("#chatwindow").scrollTop( $("#chatwindow").attr("scrollHeight") );

请注意，

scrollHeight

也不是一个HTML属性，除非您出于某种原因添加了它，没有标记很难说，但您可能正在查找本机scrollHeight属性

$("#chatwindow").scrollTop( $("#chatwindow").prop("scrollHeight") );

---

scrollTop

不是一个HTML属性，但是它是一个属性，以及其他属性吗

$("#chatwindow").scrollTop( $("#chatwindow").attr("scrollHeight") );

请注意，

scrollHeight

也不是一个HTML属性，除非您出于某种原因添加了它，没有标记很难说，但您可能正在查找本机scrollHeight属性

$("#chatwindow").scrollTop( $("#chatwindow").prop("scrollHeight") );

---

scrollTop

不是一个HTML属性，但是它是一个属性，以及其他属性吗

$("#chatwindow").scrollTop( $("#chatwindow").attr("scrollHeight") );

请注意，

scrollHeight

也不是一个HTML属性，除非您出于某种原因添加了它，没有标记很难说，但您可能正在查找本机scrollHeight属性

$("#chatwindow").scrollTop( $("#chatwindow").prop("scrollHeight") );

---

@BlackSheep—只是添加了这一点，但没有想到prop（），这会更像jQuery。编辑。好吧，我现在明白你的意思了。对不起，我已经删除了我的评论，我认为没有人有机会阅读。我会在几分钟内接受这个答案。@BlackSheep-只是添加了这个，但没有考虑prop（），这会更像jQuery'ish。编辑。好吧，我现在明白你的意思了。对不起，我已经删除了我的评论，我认为没有人有机会阅读。我会在几分钟内接受这个答案。@BlackSheep-只是添加了这个，但没有考虑prop（），这会更像jQuery'ish。编辑。好吧，我现在明白你的意思了。对不起，我已经删除了我的评论，我认为没有人有机会阅读。我会在几分钟内接受这个答案。@BlackSheep-只是添加了这个，但没有考虑prop（），这会更像jQuery'ish。编辑。好吧，我现在明白你的意思了。对不起，我已经删除了我的评论，我认为没有人有机会阅读。我会在几分钟内接受这个答案。