Javascript 如何在输入置于容器外时保持屏幕位置

我面临一个问题，输入/文本区域元素在绝对位置被放置在容器的一半外。屏幕位置似乎遵循插入符号，但我真的希望能够继续书写并将部分文本隐藏在父元素之外。在容器外键入时，有没有办法禁用屏幕滚动？如果输入文本也不会滚动，只需隐藏在父项和输入字段之外键入的内容就可以了

为了更好地解释，我创建了一个

.wrapper{
宽度：200px；
高度：150像素；
位置：相对位置；
溢出：隐藏；
边框：1px实心#ccc；
}
input.test1{
位置：绝对位置；
顶部：50px；
左：5px；
宽度：250px；
}
input.test2{
位置：绝对位置；
顶部：10px；
左：90px；
宽度：150px；
}

---

是否要固定输入框上的间距？如果是这样，我所做的就是在“input”和“.test1”和“.test2”之间添加一个空格。这将解决第一个文本框位于div中间的问题

.wrapper{
宽度：200px；
高度：150像素；
位置：相对位置；
溢出：隐藏；
边框：1px实心#ccc；
}
input.test1{
位置：绝对位置；
顶部：50px；
左：5px；
宽度：250px；
}
input.test2{
位置：绝对位置；
顶部：10px；
左：90px；
宽度：150px；
}

试试这个：

$（'.wrapper'）。在（'scroll'，function（）上{
$（'.wrapper'）。向左滚动（0）；
});
.wrapper{
宽度：200px；
高度：150像素；
位置：相对位置；
溢出：隐藏；
边框：1px实心#ccc；
}
input.test1{
位置：绝对位置；
顶部：50px；
左：5px；
宽度：250px；
}
input.test2{
位置：绝对位置；
顶部：10px；
左：90px；
宽度：150px；
}

Hi，输入字段的位置将是随机的，因此它们之间的间距对我来说并不重要。事实上，它一定在父母的一半之外。如果测试比字段长，我希望在输入中禁用滚动。此外，屏幕/摄像机位置（因为我没有更好的词来描述它）在键入时遵循插入符号，我正在寻找方法，即使光标位于测试行的末尾，也能将其保持在原始位置。谢谢，这解决了我的包装滚动问题。是否有任何已知的解决方案来停止输入字段内的文本滚动？Arg0n我对你的答案投了赞成票，但由于我的名声不好，它似乎没有出现在公共论坛上。谢谢你的帮助。我想你可以在输入上设置
maxlength
属性来防止滚动。我也在输入元素上使用了.scroll（）方法，但我会看看使用maxlenght会得到什么结果。谢谢