如何隐藏textarea滚动条而不使用overflow：hidden？ [英] How can I hide a textarea scrollbar without using overflow:hidden?

问题描述

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

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.

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

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.

使用overflow：滚动效果很好，但我需要一种可靠的跨浏览器方式来隐藏滚动条。任何想法都将得到很大的赞赏。

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

推荐答案

使用jQuery应该是一种明智的方式：

Using jQuery should be a wise way:

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

这篇关于如何隐藏textarea滚动条而不使用overflow：hidden？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！