layui dropdown.render 下拉菜单内容很多,但是没有滚动条
时间: 2023-02-16 22:48:18 浏览: 102
layui固定下拉框的显示条数(有滚动条)的方法
如果下拉菜单内容很多,没有滚动条会导致页面布局混乱。要解决这个问题,可以在下拉菜单的父元素上设置一个有限高度,并设置 overflow:auto,这样就会出现滚动条。可以参考下面的代码:
```
<style>
.dropdown-menu {
height: 200px;
overflow: auto;
}
</style>
```
注意:需要确保父元素的 position 属性不是 static。
如果要使用 JavaScript 来动态设置下拉菜单的高度,可以使用 layui 的一些方法,比如 $.elem.height()、$.elem.scrollHeight() 等。
阅读全文