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