uniapp 关于商城的分类 小米商城的滑动效果

问题：

1、需要左右两侧的分栏

2、两边都需要滚动

3、左右需要相互定位关联

4、右侧的商品栏需要单独滑动，且互不影响

5、需要继续上拉的效果，且未拉至固定位置，不予翻页滚动，回弹效果

6、翻页滚动回来后，商品页需要还原移动至最顶部

思路：

1、在uniapp中，使用scoll-view组件可以实现滑动效果+定位

官方文档：https://uniapp.dcloud.net.cn/component/scroll-view.html

2、单独滑动需要使用scoll-view嵌套使用

3、继续上拉效果可以使用屏幕的触摸事件

需要注意：判断滚动位置及何时回退，屏幕触摸事件终止时需要的效果

参考代码：

成品：