Question

我的页面上有一个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") });
                }

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

Fiddle

Answer 1

scrollTop不是HTML属性，但它是jQuery method等等？

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

请注意，scrollHeight也不是HTML属性，除非您出于某种原因添加它，没有标记很难分辨，但您可能正在寻找本机scrollHeight属性

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

溢出：当我向div添加内容时滚动不起作用

1 个答案: