防止文本到达文本区的右侧，为垂直滚动条保留空间，当垂直滚动条出现时不会移动文本

Question

我有一个文本区，当输入一些文本时，在这么多行之后，你会得到一个垂直的滚动条，它将文本向左移动一点，因为它需要自己的空间。

我如何保留文本区右侧的区域，滚动条将出现，这样什么都不会写在那里?

我已经尝试将padding-right应用到textarea，但它将滚动条本身移动到左侧。

Answer 1

不是确切的答案，但您可能希望完全使用无滚动条Autosize jQuery

Answer 2

这不是你问题的确切答案，但你可以使用css:

强制滚动条始终在那里

.mytextarea {
    overflow-y: scroll; 
}

这不是完全跨浏览器兼容的，因为它不能在一些旧的浏览器上工作，但它很好。

你可以选择总是显示两个滚动条，但我觉得这很俗气:

.mytextarea {
    overflow: scroll;   
}

Answer 3

在div.中创建<textarea>。将div设置为overflow:auto，并使textarea的宽度比div的宽度小约15px。使用一些javascript魔法来改变文本区域的高度，因为用户在其中键入，所以它变得更高(很多网站这样做，所以这绝对是可行的)。一旦textarea比div高，滚动条就会出现在div中，而不需要调整textarea的大小。滚动应该表现良好，因为你的焦点仍然在你滚动的div内。

我觉得有一个更好的方式来表达这个答案，但它应该工作。