我有一个<div>
具有属性的scroll:auto
。当文本添加到<div>
并且高度超过默认高度时,我必须向下滚动才能查看添加的最新文本行。我希望最新的文本行始终可见。如果我能做到这一点,我可以只使用滚动:无而不是自动。我怎样才能做到这一点?我希望你明白我的意思。
更新: BilgehanKorkmaz 的解决方案有效,但过不了多久。如果我输入很多文本,滚动将不再起作用。
编辑:将滚动高度值设置为 .scrollTop():
$("div").scrollTop($("div").get(0).scrollHeight);
你已经试过了height:auto;
吗?我不太了解,所以..如果可能,请在JSFiddle上显示示例
用于.position().top
获取新元素的位置并用于scrollTop
滚动到正确位置:
var myDiv = $("#myID");
$("button").click(function(){
var newelementtext = "<p>Your element</p>";
var el = $(newp).appendTo(myDiv);
myDiv.scrollTop(el.position().top);
});