本文介绍如何在小程序中实现上滑下滑效果，达到滑动一下就进入下一页的目的。作者分享了在前端开发中遇到的问题，如使用touchstart和touchend的卡顿以及轮播图的不适用，并提供了关键的CSS3属性来实现这一效果。通过设置小程序的特定属性，实现在手机端的上下滑动切换页面，同时提到在电脑端无法体现此效果。
首先上视频 ，csdn上传视频还要上传到腾讯视频或者B站才能发，太捞了，视频之前录好了，弄成gif图将就看吧。
就像图里展示的那样，我要的是这种效果，滑动一下就进入下个页面，而不是划一下就动一点点。
H5营销页面倒是很经常能看到这种效果。
本人前端菜鸡，百度了好久，都是什么touchstart和touchend，还有轮播图的实现效果。
但是我之前用过touchstart和touchend，感觉其实体验很不好。
在我的手机上能体现出明细的卡顿效果，有的时候还不生效，可能是在提醒我可以换手机了。
轮播图的话，这次我要实现的效果还要左右滑动，左右滑动用轮播图实现，这个上下滑动就不能用轮播图实现了。
要注意的是，这个效果我这边只在手机端能实现，电脑端是出现不了这个效果的。
直接贴代码吧：
<view class="page-section-spacing">
<scroll-view scroll-y="tr
最低0.47元/天 解锁文章
扫一扫
1346
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
