2012-07-06 50 views
0

我有一個<div>它有財產scroll:auto。當文字被添加到<div>並且高度超過默認高度時,我必須向下滾動以查看添加的最新文本行。我希望最新的文本行始終可見。如果我能做到這一點,我可以使用scroll:none代替auto。我怎樣才能做到這一點?我希望你明白我的意思。如何讓scrollbar跟上滾動時的高度:auto?

更新: BilgehanKorkmaz的解決方案的工作,但不是一段時間後。如果我輸入很多文字,滾動不再起作用。

回答

1

編輯:設置滾動高程值.scrollTop():

$("div").scrollTop($("div").get(0).scrollHeight); 
+0

該作品也許是第一次說100行添加到div,但過了一段時間它不會工作了。滾動條變小,不會向下滾動。 – Loolooii 2012-07-06 23:10:52

+1

你說得對。試試這個:http://stackoverflow.com/questions/3235614/get-height-for-a-div-with-overflowauto – 2012-07-06 23:16:33

0

你已經嘗試過height:auto;?我不理解好,所以..如果可能的話,顯示在JSFiddle

0

使用.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); 
}); 
相關問題