如何给小程序列表添加滚动条

 时间:2024-10-11 20:28:23

1、首先打开小程序开发工具,新建一个小程序项目,如下图所

如何给小程序列表添加滚动条

2、然后我们在app.json文件中新建页面路径,如下图所示,小程序会自动为我们生成文件

如何给小程序列表添加滚动条

3、然后我们在app.json文件中新建页面路径,如下图所示,小程序会自动为我们生成文件

如何给小程序列表添加滚动条

4、然后在脚本中的data参数集合中声明一个高度,如下图所示

如何给小程序列表添加滚动条

5、接下来在加载页面的时候,计算小程序的高度,如下图所示,需要调用getSystemInfo函数

如何给小程序列表添加滚动条

6、最后,我们运行小程序页面,你就会看到如下图所示的滚动条了,当然如果还需要分页的话大家在自行扩展

如何给小程序列表添加滚动条

7、综上所述,小程序中给列表添加滚动条主要是用了scroll-view,比较重要的是scroll-view的高度计算。

  • 道枝骏佑病娇的剧叫什么
  • 熹妃传怎么更换资料背景?
  • 疫情影响下如何维护合作伙伴关系
  • 宠物店顾客流失怎么办
  • 腾讯会议电脑版怎么开启背景虚化
  • 热门搜索
    阳春面的做法 失眠怎么办 鬻怎么读 棹字怎么读 水果拼盘图片及做法 醋溜土豆丝的做法 草莓用英语怎么说 西葫芦的做法 意大利面的做法 灌汤包的做法