如何实现麦当劳小程序这个列表的滚动效果啊(uniapp)

img

按住列表区域往上滑，页面整体会往下滚动一段距离。到指定位置后列表才可以滑动。反过来列表滑动到顶部，再滑就是整个页面滚动了。
项目是uniapp，请问有什么办法实现吗

  • 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: https://ask.csdn.net/questions/7757509
  • 我还给你找了一篇非常好的博客，你可以看看是否有帮助，链接：uniapp点击返回按钮，根据页面栈判断页面路径，确定返回哪个页面
  • 除此之外, 这篇博客: uniapp搭建多端项目中的 4.动态添加数据到数组，操作数组数据，数据更新视图未更新 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:

  • 在这里插入图片描述
    问题描述： 红色框自动生成命名，个数不确定，那么我们在data中声明先需要定义一个空数组专门接收这块（依赖收集机制），未定义空数组接收是会出现只有定义到data的字段数据改变才会改变到添加进去的数据

    imgList: {
	'billing' : '', 
	'proveArr':[], //数组
}, // 图片存

    改变数组数据是没办法更新视图更新，那么我们需要使用$set

    this.$set(this.imgList,url,res.data[0])

    以上这部已经可以实现到更改数组数据，让视图更新，那么我在发现如果除了添加，我如果动态删除该数组里的数据置空时还是会出现视图未更新的现象

    	this.$set(this.imgList.proveArr,url,'')
	this.$forceUpdate();
  • 您还可以看一下 耿职老师的uniapp开发仿阿里飞猪旅游微信小程序，vue中高级课程课程中的 Uniapp生成小程序以及要跳过的坑小节, 巩固相关知识点