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能否有相似的解决办法;

感谢你的关注;
微信图片_20191129174734.jpg

待解决 悬赏分:80 - 离问题结束还有
反对 0举报 0 收藏 0

我来回答

回答1