Làm cách nào để tự động cuộn khi nội dung được thêm vào div?

Question

Tôi có một div thứ nguyên cố định để một số hàm JavaScript sẽ đặt văn bản theo thời gian. Khi số lượng văn bản vượt quá chiều cao của hộp, thanh cuộn xuất hiện nhờ tràn: cuộn.

Vấn đề mới là chế độ xem vào div vẫn ở cùng một vị trí với nhiều nội dung hơn xuất hiện. Những gì tôi có nghĩa là để nói là nó vẫn cuộn bất cứ nơi nào nó là như nội dung xuất hiện bên dưới, ẩn, trừ khi bạn di chuyển xuống. Tôi muốn làm cho nó tự động cuộn xuống phía dưới vì nội dung mới xuất hiện để người dùng tự nhiên nhìn thấy những gì xuất hiện gần đây nhất thay vì nội dung cũ nhất.

Ý tưởng?

Answer 1

Bạn có thể sử dụng phương pháp scrollTop sau mỗi lần bổ sung văn bản:

$("div").scrollTop($("div").children().height()); 

Sử dụng khối bên trong để có được chiều cao thật sự.

DEMO:http://jsfiddle.net/eyY5k/1/

Answer 2

tôi thấy phương pháp này để làm việc cho các nhu cầu của tôi:

var realHeight = $("#history")[0].scrollHeight; 
$("#history").scrollTop(realHeight); 

Do lưu ý này sử dụng jquery.