需求
遇到一个需求
解决方案
这个时候可以做一个内页面滑动判断
<!-- scroll-y 做true或者false的判断是否滑动 --> <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)
到此这篇关于uniapp 对于scroll-view滑动和页面滑动的联动处理的文章就介绍到这了,更多相关uniapp scroll-view页面滑动联动内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
来源链接:https://www.jb51.net/javascript/325949g1n.htm
© 版权声明
本站所有资源来自于网络,仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您(转载者)自己承担!
如有侵犯您的版权,请及时联系3500663466#qq.com(#换@),我们将第一时间删除本站数据。
如有侵犯您的版权,请及时联系3500663466#qq.com(#换@),我们将第一时间删除本站数据。
THE END
暂无评论内容