javascript - 如何设置滚动条在多行文本框中移动到最后一行？

Question

我正在使用 asp.net。如何设置滚动条在客户端多行文本框中移动到最后一行？

Answer 1

设置ClientIDMode="Static"以便您可以使用其 ID 从 jQuery 引用 textarea：

<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-inputtextarea的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);
            }
        }
    }