Question

I want to display a textarea without a scrollbar while maintaining the scrolling behaviour. As the user types I just want the upper lines to disappear off the top of the text box.

I can achieve this in IE and Chrome using overflow:hidden. However, when testing in Firefox 5 on Windows the textarea doesn’t automatically scroll and the new text drops off the bottom of the textarea instead of the top.

Using overflow:scroll works well but I need a reliable cross-browser way to hide the scrollbar. Any ideas would be much appreciated.

Answer 1

Using jQuery should be a wise way:

$('textarea').keyup(function(){
    $(this).scrollTop(9999)
})