Kinopyo Blog

プログラマとしてRuby, Rails, iPhone, iPad,Macなどなどと向き合う日々のログポース

スクロールを最下部に移動するJavascript

2010年03月02日 by kinopyo | JavaScript


スクロールバーを最下部に移動するJavascriptです。

普通のJavascriptで書くと

function go_bottom(targetId){

    var obj = document.getElementById(targetId);

    if(!obj) return;

    obj.scrollTop = obj.scrollHeight;
}

完全にjQueryで書くとこんな感じ

function go_bottom(targetId){

   var $obj = $("#" + targetId);

    if($obj.length == 0) return;

    $obj.scrollTop($obj[0].scrollHeight);
}

これ以外はhiddenのinput項目を最下部に置いといて、

それをfocusするような技もありけど、、

Tags: ,

You can leave a response, or trackback from your own site.

関連記事

  • のりお

    最下部に移動する方法が分からなくてここにたどり着きました。
    すばらしいコードですね!使わせていただきます!
    ありがとうございます!