常に一番下までスクロールさせたい jquery/ javascript

Question

こんにちは．
タイトルまんまで，常に一番下を見せたいです．
チャットシステムのようなものを作っているのですが，ページより下にテキストがいってしまうと，わざわざスクロールしなければいけなくなります．
しかし，それでは面倒くさいので，自動的に一番下になるようにしたいです．

$(function(){
  $("html,body").animate({scrollBottom:0});
});

自分で書いてみたコードです．
scrollTopがあるんだから，scrollBottomもあるはず？と思って（笑）．
しかし，できませんでした．

どうすればできるのでしょうか？

よろしくお願いします．

Answer 1

scrollTopは、scrollしたときのtopの位置、を示すので、
これを 画面一番下の位置(たとえば $(document).height())を指定すれば
いいんだと思いますが、違うのかな？

$(function() {
    $('body').delay(100).animate({
      scrollTop: $(document).height()
    },1500);
/*
    //animationする必要がなければ
    setTimeout(function() {
        window.scroll(0,$(document).height());
    },0);
 */
});

てな感じですか。(IE11,Firefox, Chromeで確認済み)

Answer 2

  //自動で新しいコメントが来たら下へスクロール
　//自動でページがロードされたら一番下までスクロール
  var obj = document.getElementById('chat');
  obj.scrollTop = obj.scrollHeight;

Comments

[ryooma]

失礼します。
自動で新しいコメントが来たら下にスクロールするとのことですが。

私の場合このコードで試した結果、ページを開いたときは下にスクロールされていますが
リアルタイムなコメントやチャットが追記されても常に下にはスクロールされないのですが、
何か付け加えが必要なのでしょうか

Answer 3

発言があるごとに関数を呼び出し、

ScrollTo()で良いのでは?

絶対値も相対値も使えますし