微信小程序view遇到问题

问题遇到的现象和发生背景 无法做到显示的识别结果上拉
用代码块功能插入代码,请勿粘贴截图

wxml


名称
可信度
百度百科


桃花
0.9999
查看百科


桃花
0.9999
查看百科


桃花
0.9999
查看百科


桃花
0.9999
查看百科


桃花
0.9999
查看百科

我的解答思路和尝试过的方法

wxss
.bot-view {margin-bottom: 70px;
}

我想要达到的结果

上拉识别结果让内容不被按钮{开始识别}挡住

img

bot-view给个高度
overflow-y:auto,
margin-bottom: 70px;改成padding-bottom:70px

  • bot-view可以overflow-y做溢出滚动,但是我估计你的预期是botany作为表格表头,实现类似Excel表头冻结不随内容滚动的效果。


  • 按钮部分不清楚你放在哪一层结构里面,建议使用padding-bottom留白,如果按钮height是70,padding-bottom的值适当大一些,避免滚动栏可视区域最后一行紧贴按钮

添加overflow-y:auto,让.bot-view竖直滚动,同时为了不让按钮挡住文字,设置padding-bottom

给bot-view设置高度,可以使用calc计算高度,有了高度,设置overflow:auto会超出自动出现滚动条,然后设置margin-bottom:70px或者padding-bottom都可以

margin-bottom: 70px;改成padding-bottom:70px试试