uniapp 对于scroll-view滑动和页面滑动的联动处理

需求

遇到一个需求

解决方案

这个时候可以做一个内页面滑动判断

<view class="u-menu-wrap" style="background-color: #fff;">
					<scroll-view :scroll-y="data.isGo" scroll-with-animation class="u-tab-view menu-scroll-view" :scroll-top="data.scrollTop"
					 :scroll-into-view="data.itemId">
	
					scroll-view>
				view>

//通过整个页面的滑动 来处理内页面是否滑动
 onPageScroll((e)=>{
	 // e.scrollTop 表示当前页面滚动的距离 单位px
	 console.log('页面滚动距离：', e.scrollTop);
	 if (e.scrollTop == 204) {
	 	data.isGo = true
	 } else {
	 	data.isGo = false
	 }
 })

效果图

商品列表参考代码 :src/pages/template/mallMenu/index2.vue · jry/uview-plus - 码云 - 开源中国 (gitee.com)