在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}

只有在传递max-height

时才会显示滚动条

如果您想避开滚动条，可以使用

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

这需要箭头键滚动，对最终用户来说可能有点混乱，但这是你的电话。

修改

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

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

不是很优雅，但它有效。