scroll-view 可以用来实现轮播图，说到轮播图我们就会想到next 和 prev 按钮。这里来说说怎么next按钮是怎么实现的。
从官方文档上我们可以看到一种实现方法，如下图
2018-11-26_080826.png
但是这种方法有不完善的地方：1.每点击一次按钮都会去便利order数组；2.当当前toView为‘red’（既order数组的最后一个）时，再点next按钮，就会找不到order[i+1]元素；
这里给出另外一种方法，如下图
2018-03-03_100322.png
index变量来对应当前的toView就不用内次都去便利order数组了，而且加多一个判断条件，当index大于order数组长度是，既当前toView为“c”时，重置index=0；从而实现了轮播的循环。
其实移动端的轮播图一般是没有next 和 prev 按钮的，这里单把next方法的实现拿出来讲是希望自己在以后的开发和学习中能有个发散的思维和严谨的逻辑。
scroll-view 可以用来实现轮播图，说到轮播图我们就会想到next 和 prev 按钮。这里来说说怎么ne...
在小程序中要实现锚点定位，需要使用到组件 scroll-view 点击查看 scroll-view 组件官网文档 ...
recycleview点击事件的实现的两种方法： recycleview条目点击事件 - W_FOOD的博客 - ...
究极干货，完美实现微信小程序商品左右联动scroll-view的实现及性能优化,点击左边，右边滚动；右边滚动，左边...
前段时间实现一个小程序滚动加载更多消息的功能(利用scroll-view实现),其中有几个需求需要特殊处理, 点击...
用scroll-view标签中的scroll-into-view属性可以实现点击左侧分类栏控制商品 上代码 效果图...
有两种方法: 1.js方式,这种方法可以实现,但是点击后鼠标不能在其他地方点击,否则内容会变成提示文字,适合输入后...
scroll-view 在实现一个内部可以滑动的组件时，参考文档使用 scroll-view 组件来实现。sc...
1.实现效果 2.实现原理 scroll-view：可滚动视图区域。使用竖向滚动时，需要给scroll-view一...
友侧根据左侧点击滑动到对应模块，左侧根据右侧滑动对应到相应标题，实现scroll-view滚动到某个view，左侧...
本文标题：scroll-view 点击到下一个两种实现方法
本文链接：https://www.haomeiwen.com/subject/aarvqqtx.html
网友评论