Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 禁用文本区域上的滚动_Javascript_Html_Css_Textarea - Fatal编程技术网

Javascript 禁用文本区域上的滚动

Javascript 禁用文本区域上的滚动,javascript,html,css,textarea,Javascript,Html,Css,Textarea,我试图让textarea不可滚动,但我找不到办法 要使文本区域不可滚动,请执行以下操作 我在这里举了一个简单的例子 只需添加css文件: textarea { resize: none; } 或: Fiddle:尝试此CSS属性: textarea { overflow: hidden; } 文本区{ 调整大小:无; } 有关完全不调整大小的信息,请参见Luiz的答案 要仅在一个方向上调整大小,请使用: textarea { resize: vertical; } texta

我试图让textarea不可滚动,但我找不到办法 要使文本区域不可滚动,请执行以下操作

我在这里举了一个简单的例子


只需添加css文件:

textarea {
    resize: none;
}
或:


Fiddle:

尝试此CSS属性:

textarea { overflow: hidden; }

文本区{
调整大小:无;
}

有关完全不调整大小的信息,请参见Luiz的答案

要仅在一个方向上调整大小,请使用:

textarea { resize: vertical; }

textarea { resize: horizontal; }
试试这个:

<textarea rows="10" cols="45" style="overflow:hidden;resize:none;"  placeholder="Animatie:" name="description" ></textarea>


style=“overflow:hidden;resize:none;”,这将很有希望满足您的要求。

可能的副本会隐藏溢出,但不会禁用调整大小。我有点困惑。如果问题改变了还是怎么了?标题是
禁用文本区域上的滚动
。所以这个答案只有一个是正确的。这只是删除了大小调整手柄,但不影响滚动。如果越过底部,JSFIDLE示例仍将滚动。
<style>
textarea {
resize: none;
}
</style>
textarea { resize: vertical; }

textarea { resize: horizontal; }
<textarea rows="10" cols="45" style="overflow:hidden;resize:none;"  placeholder="Animatie:" name="description" ></textarea>