我想动态地将项目添加到列表中。列表的高度应该与项目一样高。但在某个点,它是 300px,ul 应该停止“增长”……我用“max-height”做到了这一点。到目前为止,一切都很好。现在我有一个滚动条,我想添加一个调整大小的功能,以便用户可以决定它是否大于最大高度。
问题是它不能调整大小高于最大高度。有人知道怎么做这个吗?最好的方法?
html:
<a href="#">click to add</a>
<ul>
<li>start</li>
</ul>
CSS:
ul {
background: #f2f2f2;
overflow: auto;
height: auto;
max-height: 300px;
resize: vertical;
}
js/jquery:
$('a').on('click', function (e) {
e.preventDefault();
$('ul').append('<li>item</li>');
});
这里在小提琴上也是一样的,可以看到它的实际效果:http: //jsfiddle.net/ZwrzX/ thx 提前!