1. 首页
  2. 编程语言
  3. Javascript
  4. 微信小程序scroll-view实现横向滚动和上拉加载示例

微信小程序scroll-view实现横向滚动和上拉加载示例

上传者: 2021-11-30 12:26:46上传 PDF文件 142.54 KB 热度 4次

今天介绍微信小程序中scroll-view实现横向滚动和上拉加载的实现及需要注意的地方。所以才发现需要定义滚动项及容器的一些属性,浮动是不能让所有的滚动项一排显示的。实现上拉加载,只需要绑定bindscrolltolower 事件处理,当滚动到底部/左边的时候,触发这个处理函数,逻辑上就是去请求下一页的数据,并且视图上显示正在加载的样式,当数据请求成功,将其拼合到之前的数据中,并隐藏正在加载的样式。好像不是很好用,原因是因为这个高度没有参照物,以前我们是设置body的高度,类似,我们这里发现小程序页面渲染出来的容器是Page,那我们就先设置Page的高度100%,再设置scroll-view高度100%,问题得到解决。官方推荐的loading效果

用户评论