如何设置滚动条在多行文本最后一行动？ [英] How to set the scrollbar to move at last line in multiline textbox?

问题描述

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

I am using asp.net. How to set the scrollbar to move at last line in multiline textbox at client side?

推荐答案

设置的ClientIDMode =静态，以便可以从jQuery的使用ID引用textarea的：

Set ClientIDMode="Static" so you can reference the textarea from jQuery using its ID:

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

和jQuery脚本标记后面添加这个脚本：

And add this script after jQuery script tag:

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

我很好奇的兼容性，所以我在Chrome，Firefox，Opera和IE9测试，它的工作原理。 ：）

I was curious about compatibility so I tested it in Chrome, Firefox, Opera and IE9 and it works. :)

下面是解决方案的的jsfiddle例如： http://jsfiddle.net/g9KBB/

Here is a jsFiddle example of the solution: http://jsfiddle.net/g9KBB/

这篇关于如何设置滚动条在多行文本最后一行动？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！