html - Textarea横向滚动取消

Question

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

谢谢，希望可以理解。

Answer 1

如果我正确理解你的问题，你想控制你的文本区域的滚动！因此，为了控制 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>

注意：刚刚在你的 Fiddle 上测试了这个。