textarea 如何设置滚动条

1、点击打开【html编辑器sublime_text】。

2、想要使textarea出现滚动条，使用【display属性设置成block；overflow属性：设置成auto】就可以出现了，下面是在官网查出的使用方法。

3、在sublime_text中创建一个html文件，然后加入一个tbody标签。

4、创建好tbody以后，准备添加css属性【display:block；overflow:auto】。

5、把html文件放到网页浏览器中，然后就可以看到textarea出现滚动条了。

在测试scrollWidth、clientWidth、offsetWidth时需要让可以出现水平滚动条，但是发现<textarea>默认会自动换行，不能直接出现水平滚动条，所以为了实现该效果，需要对<textarea>做一些处理，输入<textarea wrap="off" style="overflow:scroll;">就可以设置滚动条了。

扩展资料：

常见功能

1、自动完成

自动完成的快捷键是Tab，如果在html文件中，输入cl按下tab，即可自动补全为class=””;加上zencoding后，更是如虎添翼，后面再讲到

2、多列编辑

按住ctrl点击鼠标，会出现多个闪烁的光标，这时可同时修改多处，或者按住鼠标中键拖拽。

3、代码注释功能

ctrl+/、ctrl+shift+/分别为行注释和块注释，再按一下就能去掉注释，ST2能够自动识别是html、css还是js文件，给出不同类型的注释。

4、行操作

ctrl+alt+↑、ctrl+alt+↓向上或者向下交换两行，ctrl+enter，光标后插入空行，ctrl+d选择相似，可以参考后面的快捷键列表。

参考资料来源：百度百科-Sublime

　　要设置textarea文本域的滚动条是否开启，使用style.overflow-x属性来控制。如：如果要隐藏该文本域的横向滚动条，在style属性中增加overflow-x属性控制，如下：
　　
　　相应的，若要隐藏纵向滚动条：
　　
　　如果使用代码控制的话，可能需要如下代码实现：
　　document.all("txtComments").style.overflowX="hidden";
　　overflow-x,overflow-y的可取值为：visible(默认取值),hidden,auto,scroll。
　　visible:始终不显示滚动条，文本区域的大小会根据内容的增加，自动增长，以显示全部内容。
　　scroll:不管文本区域里的内容有多少，始终显示滚动条。
　　hidden:始终不显示滚动条，内容超出层面的对象是不显示。
　　auto:如果内容在文本区域内可以全部显示,滚动条不显示,当内容无法全部显示时,内容被截断,加上滚动条显示所有内容。

　　要设置textarea文本域的滚动条是否开启，使用style.overflow-x属性来控制。如：如果要隐藏该文本域的横向滚动条，在style属性中增加overflow-x属性控制，如下：
　　
　　相应的，若要隐藏纵向滚动条：
　　
　　如果使用代码控制的话，可能需要如下代码实现：
　　document.all("txtComments").style.overflowX="hidden";
　　overflow-x,overflow-y的可取值为：visible(默认取值),hidden,auto,scroll。
　　visible:始终不显示滚动条，文本区域的大小会根据内容的增加，自动增长，以显示全