Question

This is kind of hard to explain, but here is my problem:
When, at least on my laptop, you scroll upwards with the touch-pad, the cursor won’t move. If you scroll sideways, the cursor moves sideways. I’d rather the cursor doesn’t move at all. Is this possible? Can you cancel side-ways scrolling? Can you enable upwards scrolling?

Thanks, hopefully that is comprehensible.

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.