textarea滚动条设置

最新推荐文章于 2023-02-25 10:31:59 发布

一拳超超人

最新推荐文章于 2023-02-25 10:31:59 发布

阅读量5.2k

点赞数

分类专栏：前端文章标签： character button css textarea

本文链接：https://blog.csdn.net/zalion/article/details/5894127

版权

前端专栏收录该内容

18 篇文章 0 订阅

订阅专栏

没有水平滚动条：

 <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控件中添加内容后，如何怎是让它的滚动条怎是移动到最底部？

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

//也可以用光标移动来实现

<script> 
function setCursor(){ 
range=document.all.demo.createTextRange(); //demo为textarea的id 
range.collapse(false); 
range.moveStart('character',0); 
range.select(); 
} 
</script>

一拳超超人

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
textarea滚动条设置

没有水平滚动条： &lt;textarea style="overflow-x:hidden"&gt;&lt;/textarea&gt; 没有垂直滚动条: &lt;textarea style="overflow-y:hidden"&gt;&lt;/textarea&gt; 没有滚动条: &lt;textare
复制链接

扫一扫