防止textarea垂直滚动

时间:2015-04-05 10:42:31

标签: javascript jquery

我正在使用https://github.com/ultimatedelman/autogrow所以我的textarea随着用户输入文本而增长。它工作得很好,但当你到达文本区域的底部时,它会在展开之前向上滚动,从而导致难看的跳跃效果。这也可以在作者的演示中看到(点击"交互式演示"在上面的页面上,因为Stack Overflow赢了,不让我在这里发布一个没有代码的jsfiddle.net)。

有没有办法完全抑制垂直滚动以避免这种跳跃效果?我试过了:

textarea.scroll(function(e) {
  e.preventDefault();
});

但这似乎并不能阻止滚动发生。

1 个答案:

答案 0 :(得分:0)

刚刚发现http://www.jacklmoore.com/autosize/。它比我在问题中提到的插件更流畅。值得注意的是,当它调整大小时,它在跳跃或gittering方面完全没有问题。所以这似乎是正确的答案。