主要为大家详细介绍了微信小程序页面上下滚动效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了微信小程序页面上下滚动的具体代码，供大家参考，具体内容如下 看图 源码 <vi

要实现的购物车效果如下： 小程序通过bind与catch绑定事件，没有event.stopPropagation()方法。 bind：不会阻止冒泡事件向上冒泡， catch：可以阻止冒泡事件向上冒泡 用touchstart、touchmove、touchend实现滑块效果，无法动态js控制何时冒泡何时阻止冒泡，就会出现用bind时，左右上下滑动乱窜；用catch，商品区域只能左右滑动，无法上下滚动 而小程序提供的swiper通过css就可以实现删除滑块效果，同时不影响页面的正常滚动。具