如何設置滾動條移動到多行文本框的最後一行？

我正在使用asp.net。如何將滾動條設置爲在客戶端的多行文本框中的最後一行處移動？如何設置滾動條移動到多行文本框的最後一行？

2012-06-13 Pankaj

我懷疑你不能。我想這是一個瀏覽器的實現選擇，也許取決於系統設置。 –

設置ClientIDMode="Static"這樣你就可以利用jQuery的引用的textarea其ID：

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

並添加此scrip jQuery腳本標籤後T：

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

我很好奇的兼容性，所以我在Chrome，Firefox，Opera和IE9測試，它的工作原理。 :)

這裏是一個jsFiddle的解決方案的例子：http://jsfiddle.net/g9KBB/

來源

2012-06-13 11:34:06

使用jQuery（在Chrome 19爲我工作）可能的解決方案：

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

其中wmd-input是textarea的ID

來源

2012-06-13 11:18:58 billythetalented

+1正常工作。謝謝您的幫助。 – Pankaj

@Kanavi：實際上這隻能向下滾動一個屏幕的高度，如果textarea中沒有太多文本，它可能會顯示它的工作原理，但如果有超過2頁，它將無法工作。查看我的答案以獲得解決方案。 –

@Kanavi：相信我，這隻會向下滾動一頁。證明：http://jsfiddle.net/QCsz6/ –

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

來源

2012-06-13 11:25:19 Pankaj

如何設置滾動條移動到多行文本框的最後一行？

回答

相關問題