jquery - 在 div 上设置最大高度

Question

我正在使用 bootstrap-wysiwyg编辑。我想要最大高度。我不希望每次按下输入时文本开始向下或滚动。我想要一个静态的 300px 高度。根据他们的文档，我应该这样做。

#editor {overflow:scroll; max-height:300px}

但它的作用是添加一个滚动条。那是因为溢出设置为滚动。如果我删除它，它不起作用。

我的演示在这里:http://jsfiddle.net/DiegoTc/W8UQs/1/

知道如何停止添加滚动条的选项，如果用户超过最大高度，它应该是静态的，不应该出现滚动条。

Answer 1

你在找

#editor {overflow-y:auto; max-height:300px}

只有超过最大高度才会显示滚动条

如果你想避免滚动条你可以使用

#editor {    max-height:300px;    height:300px;    overflow-y: hidden;}

这将需要箭头键来滚动并且可能会让最终用户感到有些困惑，但这是您的决定。

编辑:

如果你想隐藏任何低于你的 div 大小的文本并强制 div 显示第一行，我不确定它可以用纯 CSS 完成，但你可以使用 jQuery 的 scrollTop 方法来实现这一点

$('#editor').on('keyup',function() {
    $('#editor').scrollTop(0);
});

不是很优雅，但它有效。