2013-02-17 43 views
14

Vì vậy, tôi có một trang với một div giống như trò chuyện chứa đầy văn bản. Nó có chiều cao cố định và chiều rộng (được xác định bởi css).jQuery Cuộn xuống cuối Div ngay cả sau khi cập nhật?

tôi cần nó để di chuyển xuống dưới khi mỗi cập nhật, đây là JS Tôi đã sử dụng cho đến nay:

$("#div1").animate({ scrollTop: $('#div1').height()}, 1000); 

Nó hoạt động trong một thời gian và sau đó đột nhiên dừng lại ... Tôi nghĩ rằng nó có thể có một cái gì đó để làm gì với chiều cao thiết lập của tôi cho div? Tôi không chắc.

Vì vậy, những gì tôi có thể làm gì để đảm bảo cuộn div xuống phía dưới của nó là nội dung (nội dung được cập nhật bằng cách sử dụng chức năng jQuery/AJAX)

Cảm ơn trước!

EDIT: Tôi cũng đã thử $("#div1").animate({ scrollTop: $('#div1').height()}, 0); nhưng nó vẫn sẽ ngưng di chuyển tại một điểm nhất định ...

Trả lời

37

Bạn đã thử với .scrollHeight:

$("#div1").animate({ scrollTop: $("#div1")[0].scrollHeight}, 1000); 

scollHeight documentation at MDN

+0

cảm ơn! đơn giản và hiệu quả! – user115422

+0

Vui mừng đã giúp bạn. – Jai

+6

Không được: $ ("# div1") animate ({scrollTop: $ ("# div1") [0] .scrollHeight}, 1000); – peteski

Các vấn đề liên quan