如何在不使用overflow：hidden的情况下隐藏textarea滚动条？

Question

我希望在保持滚动行为的同时显示没有滚动条的textarea。作为用户类型，我只想让上面的行从文本框的顶部消失。

我可以使用overflow：hidden在IE和Chrome中实现这一点。但是，在Windows 5上的Firefox 5中进行测试时，textarea不会自动滚动，新文本会从textarea的底部而不是顶部掉落。

使用overflow：scroll工作正常但我需要一种可靠的跨浏览器方式来隐藏滚动条。任何想法都会非常感激。

Answer 1

使用jQuery应该是明智的方法：

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

Answer 2

为了将来参考，还有一个没有jQuery的简单解决方案 - 只需使用owerflow：hidden和JavaScript双线程的包装div：

// get the width of the textarea minus scrollbar
var textareaWidth = document.getElementById("textarea").scrollWidth;

// width of our wrapper equals width of the inner part of the textarea
document.getElementById("wrapper").style.width = textareaWidth + "px";

请参阅demo或完成HOWTO。