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

Question

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

Answer 1

设置 ClientIDMode="Static" 以便您可以使用其 ID 从 jQuery 引用文本区域:

<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/