javascript - 複数行のテキストボックスの最後の行にスクロールバーを移動するように設定するには?

Question

私はasp.netを使用しています。クライアント側で複数行のテキストボックスの最後の行にスクロールバーを移動するように設定するには?

Answer 1

ID を使用して jQuery からテキストエリアを参照できるように設定ClientIDMode="Static"します。

<asp:TextBox ID="myTextBox" runat="server" ClientIDMode="Static" TextMode="MultiLine"></asp:TextBox>

jQuery スクリプト タグの後に次のスクリプトを追加します。

$(document).ready(function () {
    $('#myTextBox').scrollTop($('#myTextBox')[0].scrollHeight - $('#myTextBox').height());
});

互換性に興味があったので、Chrome、Firefox、Opera、IE9 でテストしたところ、動作しました。:)

ソリューションの jsFiddle の例を次に示します: http://jsfiddle.net/g9KBB/

Answer 2

jqueryで可能な解決策（chrome 19で私のために働いた）：

$('#wmd-input').scrollTop($('#wmd-input').height())

wmd-inputテキストエリアのIDはどこですか

Answer 3

function f(ta_id) {
        var d = document, ta, rng;
        if (d.all) {
            ta = d.all[ta_id];
            if (ta && ta.createTextRange) {
                rng = ta.createTextRange();
                rng.collapse(false);
                rng.select();
            }
        }
    }
    function SetTextBox(ID) {
        var TextBoxes = document.getElementById(ID.id);
        if (TextBoxes != null) {
            for (var i = 0; i < TextBoxes.length; i++) {
                f(TextBoxes[i].id);
            }
        }
    }