在 div 上有一个最大高度答案

【问题标题】：Have a max height on a div在 div 上有一个最大高度
【发布时间】：2014-07-06 04:43:09
【问题描述】：

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

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

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

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

【问题讨论】：

【解决方案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);
});

不是很优雅，但很有效。

【讨论】：