Giữ cuộn xuống dưới

Question

Tôi có một shoutbox và tôi muốn giữ cuộn xuống dưới cùng với cửa sổ IM.

html của tôi là

<div id="shoutContainer"> 
      <table id="shoutbox"> 
       <tbody> 
         <!-- shouts here --> 
       </tbody> 
      </table> 
    </div> 

css My

#shoutContainer { 
    height: 100px; overflow-y: scroll; 
} 

Nếu nó không thể thực hiện thông qua html và css. Chúng ta có thể đạt được điều này trong javascript thô? bởi vì tôi không sử dụng bất kỳ khuôn khổ

Answer 1

Bất cứ khi nào một mục được thêm vào, làm như sau:

document.getElementById('shoutContainer').scrollTop = 10000; 
// or some other big number 

sửa

Answer 2

Tôi không chắc chắn bạn có thể làm điều này với CSS một mình, nhưng đây là một giải pháp jQuery lớn: Ajaxdaddy shoutbox.

Dưới đây là một dịch vụ hộp hét miễn phí để giữ khách hàng của bạn hạnh phúc:

Free shoutboxes.

Tôi chỉ cần thực hiện một để đảm bảo nó là ok, example here.