Textarea横向滚动取消

Question

这有点难以解释，但这是我的问题： 至少在我的笔记本电脑上，当您使用触摸板向上滚动时，光标将不会移动。如果向侧面滚动，光标会向侧面移动。我宁愿光标根本不移动。这可能吗？你可以取消横向滚动吗？你能启用向上滚动吗？

谢谢，希望这是可以理解的。

Answer 1

如果我理解你的问题，你想控制textarea的滚动！因此，为了控制textarea的滚动，您可以像使用CSS一样使用CSS作为滚动功能的任何其他元素：

无滚动

<style type="text/css">
  textarea {
    overflow: hidden;
  }
</style>

没有垂直滚动

<style type="text/css">
  textarea {
    overflow-y: hidden;
  }
</style>

无水平滚动

<style type="text/css">
  textarea {
    overflow-x: hidden;
  }
</style>

此外，您可以禁用文本换行，从而强制使用水平滚动条（非W3c兼容）。

禁用换行的Textarea标记

<textarea cols="60" rows="12" wrap="off">My long text string is this big and continues...</textarea>

注意：刚刚在小提琴上测试了这个。