1. 程式人生 > >textarea 滾動條設定

textarea 滾動條設定

沒有水平滾動條:   
   
  <textarea   style="overflow-x:hidden"></textarea>     
   
  沒有垂直滾動條:     
   
  <textarea   style="overflow-y:hidden"></textarea>     
   
  沒有滾動條:     
   
  <textarea   style="overflow-x:hidden;overflow-y:hidden"></textarea>     
   
  或<textarea   style="overflow:hidden"></textarea>

通過函式向texterea控制元件中新增內容後,如何怎是讓它的滾動條怎是移動到最底部?
<textarea name="textarea" cols="80" rows="10" style="overflow-y:hidden; overflow-x:scroll;"></textarea>
3樓
<body>
<textarea rows=10 cols=20 id="oTextarea">ksaljdf
fffffffff
ffffff
ffffff
ffffffff
fffff
fffffffffff
fffffffffff
ffffffffff
ffffffffff
fffffffff
fffffffff</textarea>
<br>
<input type="button" value="set" onclick="oTextarea.scrollTop=oTextarea.scrollHeight">

//也可以用游標移動來實現
<script>
function setCursor(){
range=document.all.demo.createTextRange(); //demo為textarea的id
range.collapse(false);
range.moveStart('character',0);
range.select();
}
</script>