解决bootstrap dropdown高度超出设备高度之后 菜单显示不全问题
先简述一下问题:
bootstrap dropdown的显示会根据你设备的高度来决定,默认会显示在下方,如果下方视图不够的话会显示到上方
然后显示到上方的话就会有个问题,设备高度不够的话, 比较靠上的选项就会显示不全。
总共有两种办法解决这个问题
通过添加css样式来解决
.dropdown-menu {
max-height: calc( 100vh - 100px );
overflow-y: auto;
}
原理是 固定dropdown的最大高度,如果超出高度 会出现滚动条,避免出现菜单过长
原创
2022-05-26 18:24:00 ·
2137 阅读 ·
1 评论