2010年3月2日 #javascript

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

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

普通のJavascriptで書くと

function goBottom(targetId) {
    var obj = document.getElementById(targetId);
    if(!obj) return;
    obj.scrollTop = obj.scrollHeight;
}

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

function goBottom(targetId) {
  var target = $("#" + targetId);
  $(window).scrollTop(target.offset().top);
}

これ以外はhiddenのinput項目を最下部に置いといて、それをfocusするような技もありけど、、

過去のコメント

以前のブログに寄せられたコメントを、当時のまま保存しています。

のりお 2011年4月29日 11:05 UTC

最下部に移動する方法が分からなくてここにたどり着きました。
すばらしいコードですね！使わせていただきます！
ありがとうございます！
なべ 2016年6月6日 11:02 UTC

ありがとうございます！たすかりました！
1. Piao 2016年6月6日 12:39 UTC
  
  コメントありがとうございます！そう言っていただけるとすごく嬉しいです!!
ムックじいじ 2017年12月3日 10:15 UTC

タブボックス中の textarea でも、適用可能でしょうか？

中国育ち、東京暮らし。読んだり書いたり、時には考え込んだり。親になってから5年ほど、ブログ（とその他もろもろ）は完全停止していたけど、気づけばまた書いている。ここにはそんな寄り道の記録を書いています。結論が出ない話も多いけど、それもまたよし。