Сохранение прокрутки внизу

Question

У меня есть кривошип, и я хочу, чтобы прокрутка снижалась так же, как окна IM.

Мой HTML является

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

Мой CSS

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

Если его не представляется возможным с помощью HTML и CSS. Можем ли мы добиться этого в необработанном javascript? потому что я не использую рамки

Answer 1

Всякий раз, когда добавляется элемент, выполните следующие действия:

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

отредактировал

Answer 2

Я не уверен, что вы можете сделать это с помощью CSS только, но вот отличное решение jQuery: Ajaxdaddy shoutbox.

Вот бесплатный сервис рупор коробки держать клиента счастливым:

Free shoutboxes.

Я только что сделал, чтобы убедиться, что все в порядке, example here.