没有滚动条的Textarea

时间:2010-11-29 20:44:13

标签: javascript jquery css

您好 我想创建一个没有滚动条的textarea,就像在facebook和twitter中一样,并创建textarea,当我们点击它时会改变它的高度。 谢谢

2 个答案:

答案 0 :(得分:3)

如果您希望使用jQuery,则会有一个名为autoResize

的插件

用法很简单:

$('textarea#comment').autoResize({
    // On resize:
    onResize : function() {
        $(this).css({opacity:0.8});
    },
    // After resize:
    animateCallback : function() {
        $(this).css({opacity:1});
    },
    // Quite slow animation:
    animateDuration : 300,
    // More extra space:
    extraSpace : 40
});

在此处抓取此插件:http://james.padolsey.com/javascript/jquery-plugin-autoresize/

答案 1 :(得分:1)

你可以在这里找到一个解释http://www.dazecoop.com/22-10-2008/jquery-textarea-auto-grow-auto-height,你只需要获得插件;)