Jquery 在div上有一个最大高度
我正在使用编辑器。 我想要最大高度。我不希望每次按enter键时文本开始向下或滚动。我想要一个300像素的静态高度。根据他们的文件,我应该这样做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-
#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);
});
不是很优雅,但它能用。它不能用。在添加一些输入后,添加一个滚动条:是的,我注意到了。但是我想让编辑器保持静态。如果用户超过最大高度,则应保持该状态。没有滚动条。没有箭。就在那里。