Jquery 在div上有一个最大高度

Jquery 在div上有一个最大高度,jquery,html,css,twitter-bootstrap,Jquery,Html,Css,Twitter Bootstrap,我正在使用编辑器。 我想要最大高度。我不希望每次按enter键时文本开始向下或滚动。我想要一个300像素的静态高度。根据他们的文件,我应该这样做 #editor {overflow:scroll; max-height:300px} 但它所做的是添加一个滚动条。这是因为溢出设置为滚动。如果我把它拿走,它就不工作了 我这里有我的演示: 知道如何停止添加滚动条的选项吗?如果用户超过最大高度,它应该是静态的,不应该出现滚动条。您正在寻找的 #editor {overflow-y:auto; max-

我正在使用编辑器。 我想要最大高度。我不希望每次按enter键时文本开始向下或滚动。我想要一个300像素的静态高度。根据他们的文件,我应该这样做

#editor {overflow:scroll; max-height:300px}
但它所做的是添加一个滚动条。这是因为溢出设置为滚动。如果我把它拿走,它就不工作了

我这里有我的演示:

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

您正在寻找的

#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);
});

不是很优雅,但它能用。

它不能用。在添加一些输入后,添加一个滚动条:是的,我注意到了。但是我想让编辑器保持静态。如果用户超过最大高度,则应保持该状态。没有滚动条。没有箭。就在那里。