此示例显示的是一个普通的多选 select2 元素,当用户从列表中选择元素时,它会向下扩展并导致父容器向下扩展。出于移动和布局方面的考虑,我不能让父级增长到比设置的更大。
如何设置一个选项来禁用元素的扩展或至少设置 CSS 以保持元素的大小并允许用户滚动?
下面的代码可以防止 linkrot。
HTML:
<form>
<select class="select-select2" multiple="multiple" data-placeholder="Please choose one or more" data-allow-clear="true" data-close-on-select="false">
<option>Lorem</option>
<option>ipsum</option>
<option>dolor</option>
<option>sit amet</option>
<option>consectetur</option>
<option>adipisicing</option>
<option>elit sed</option>
<option>do eiusmod</option>
<option>tempor</option>
<option>incididunt</option>
<option>ut labore</option>
<option>et dolore</option>
<option>magna aliqua</option>
<option>Ut enim ad</option>
</select>
<button type="submit">Submit</button>
</form>
js:
$(".select-select2").select2();
最佳答案
http://jsfiddle.net/8svf11yh/1/
.select2-container .select2-selection {
height: 60px;
overflow: scroll;
}
或者溢出:自动;可能是更好的选择
关于javascript - 通过滚动使 select2 元素保持固定大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32787618/