我成功地用主体滚动条覆盖了textarea的滚动条，但是我需要一个极高的值来补偿textarea的高度（至少）100%。
文本框内的文字（......很明显）是由用户输入的动态文字，所以我需要做到以下几点 始终 在主体滚动条上进行补偿。
如果不清楚的话，在任何情况下，textarea的高度必须是（至少）100%。
这是我的代码。
body
{
background-color:#000;
border:0;
margin:0;
padding:0
}
textarea
{
background-color:#fff;
border:0;
box-sizing:border-box;
display:block;
height:10000px;
margin:0;
outline:none;
overflow:hidden;
padding:0;
position:relative;
resize:none;
width:200px
}<!DOCTYPE html>
<html>
<body>
<textarea>
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
</textarea>
</body>
</html>这里是liveweave.com的实时链接。
我试过了 min-height:100%; 但它没有工作...
与其给一个大的高度值使文本区域占据整个屏幕，你可以使用以下方法 100vh 和 overflow-y: auto 以使其可滚动。
body
{
background-color:#000;
border:0;
margin:0;
padding:0
}
textarea
{
background-color:#fff;
border:0;
box-sizing:border-box;
display:block;
height:100vh;
margin:0;
outline:none;
overflow:hidden;
padding:0;
position:relative;
resize:none;
width:50%;
overflow-y: auto;
/* width:200px */
}<!DOCTYPE html>
<html>
<body>
<textarea>
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
gangina...
</textarea>
</body>
</html>