vue-scroll滚动事件传透，如何禁止页面滚动事件，或如何解决？

背景：
一个页面，高度为屏幕高度，下方有一个推荐列表，使用scroll。
遇到的问题：
在下拉推荐列表时（处于顶部下拉），会存在一定概率触发页面滑动事件，而未触发列表scroll滚动事件，造成下滑无法滚动scroll列表。停止操作2-3秒，页面滑动事件消失，才能正常下滑列表（正常触发scroll事件）；
试过的解决办法：
1、在页面event.preventdefault(),造成列表scroll也滑不了；
2、scroll事件禁止冒泡：v-on:scroll.stop.prevent="recScroll"，无法解决页面滑动事件触发；
3.小程序有禁止页面滑动事件（相似的页面场景），在page的json文件配置 disableScroll 就能停掉页面滑动事件。不知道H5能否有相似的解决办法；

感谢你的关注；