目录
- 前言
- 1. 问题所示
- 2. 原理分析
- 3. 解决方法
- 3.1 添加空白版
- 2.2 调整z-index
- 2.3 父容器的溢出属性
- 2.4 调整样式属性
- 4. 效果图
前言
小程序使用的是Uniapp，原理都差不多，索性标题就不标注Uniapp（小程序）
对于该问题调试了一个晚上，最终解决，对此记录下来
1. 问题所示
执行下拉框搜索的时候
有如下问题
- 下拉框高度不够，一直显示只有两行的数据显示
- 之后的数据无法下滑选择，滑不出来
但是数据输出是有的，反而出现如上两个问题
2. 原理分析
根据问题的提示和最后的解决方法：
-
调整下拉框高度： 首先，检查下拉框的高度，确保它能够容纳所有的选项
下拉框的高度不够，可能会导致后面的数据无法滚动到可视区域 -
检查父级容器样式： 确保设备号下拉框及其后面的数据都位于一个可以滚动的容器中
可能父级容器的样式或者布局导致了滚动行为的异常
其他的解决方式也可看看：
-
添加滚动条:：下拉框的选项过多，可以考虑添加垂直滚动条，以便用户能够滚动查看所有的选项
-
检查数据渲染逻辑：确保后面的数据都已经
