html - Textarea横スクロールキャンセル

Question

これを説明するのはちょっと難しいですが、ここに私の問題があります。少なくとも私のラップトップでは、タッチパッドで上にスクロールすると、カーソルが移動しません。横にスクロールすると、カーソルが横に移動します。カーソルがまったく動かないほうがいいです。これは可能ですか？横スクロールをキャンセルできますか？上向きスクロールを有効にできますか？

ありがとう、うまくいけばそれは理解できる。

Answer 1

If I understand correctly your problem, you want to control the scroll of your textarea! So, in order to control the scroll of a textarea, you can use CSS just like you use it to any other element that as scrolling capabilities:

No scroll

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

No vertical scroll

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

No horizontal scroll

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

Additionally, you can disable the text wrapping, thus forcing an horizontal scroll bar (non-W3c-compliant).

Textarea tag to disable wrap

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

Note: Just tested this on your Fiddle.