Textarea是一个常用的HTML元素，用于接收用户输入的大文本。但当输入内容超过Textarea所设定的高度时，文本框会自动纵向扩展，往往导致页面布局混乱。因此，加入滚动条是很有必要的。本文将介绍如何让Textarea拥有滚动条。
第一种方法：CSS样式
使用CSS样式可以让Textarea添加滚动条，并控制滚动条的样式。方法如下：
1. 在CSS中设置Textarea的高度和宽度，以及overflow和resize属性，代码如下：
textarea{
width: 300px;
height: 200px;
overflow: auto;
resize: none;
}
2. 解释一下代码中的属性：width和height是设定Textarea的大小；overflow:auto表示文本内容超出Textarea的可视区域时显示滚动条；resize:none表示禁止Textarea被用户手动缩放。
第二种方法：JS脚本
使用JS脚本可以更灵活地控制Textarea的滚动条，比如让Textarea的滚动条一直处于底部。方法如下：
1. 在JS中获取Textarea元素，并设置scrollTop属性为scrollHeight，代码如下：
var textarea = document.getElementById(\"myTextarea\"); textarea.scrollTop = textarea.scrollHeight;
2. 解释一下代码中的属性：scrollHeight表示Textarea的内容总高度；scrollTop表示滚动条相对于顶部的距离；将scrollTop设置为scrollHeight时，滚动条会自动滚动到底部。
第三种方法：jQuery插件
使用jQuery插件可以快速地实现Textarea的滚动条，而且具有丰富的滚动条样式和功能。方法如下：
1. 在HTML中引入jQuery库和scrollbar插件，代码如下：
<head>
<script src=\"jquery.min.js\"></script>
<link rel=\"stylesheet\" href=\"jquery.mCustomScrollbar.css\">
<script src=\"jquery.mCustomScrollbar.concat.min.js\"></script>
</head>
2. 在JS中调用scrollbar插件，代码如下：
$(document).ready(function(){
$(\"#myTextarea\").mCustomScrollbar();
});
3. 在HTML中添加标记，代码如下：
<textarea id=\"myTextarea\"></textarea>
4. 解释一下代码中的内容：第一步引入了jQuery库和scrollbar插件的CSS和JS文件；第二步初始化了#myTextarea元素的scrollbar插件；第三步添加了Textarea元素的id属性。
总结
在实际开发中，应根据实际需求选择合适的方法。如果只是简单地添加滚动条，使用CSS样式就可以了；如果需要更灵活的控制滚动条，可以使用JS脚本；如果需要丰富的滚动条样式和功能，可以使用jQuery插件。
综上所述，让Textarea拥有滚动条并不难，只需要掌握一些简单的技巧即可。