Jquery 当scroll:auto时，如何让滚动条跟上不断增长的高度？

我有一个

，它的属性是

滚动：auto

。当文本添加到

且高度超过默认高度时，我必须向下滚动以查看添加的最新文本行。我希望最新一行文本始终可见。如果我能做到这一点，我可以用scroll:none代替auto。我怎样才能做到这一点？我希望你明白我的意思

---

更新：BilgehanKorkmaz的解决方案可以工作，但一段时间后就不行了。如果我输入了大量文本，滚动将不再工作。

编辑：将滚动高度值设置为.scrollTop（）：

---

您已经尝试了高度：自动？我不太懂，所以。。如果可能，在

上显示示例以获取新元素的位置，并使用滚动到正确的位置：

var myDiv = $("#myID");

$("button").click(function(){
    var newelementtext = "<p>Your element</p>";

    var el = $(newp).appendTo(myDiv);
    myDiv.scrollTop(el.position().top);
});

var myDiv=$（“#myID”）；
$（“按钮”）。单击（函数（）{
var newelementtext=“您的元素”
”；
var el=$（newp）.appendTo（myDiv）；
myDiv.scrollTop（el.position（）.top）；
});

这可能适用于添加到div中的第一批（比如100行），但过了一段时间就不再适用了。滚动条变小了，不会向下滚动。你说得对。试试这个：

var myDiv = $("#myID");

$("button").click(function(){
    var newelementtext = "<p>Your element</p>";

    var el = $(newp).appendTo(myDiv);
    myDiv.scrollTop(el.position().top);
});