轮播如何做到上下滚动?

我曾经见过,应该是使用了swiper组件,但是没找到,所以帮忙问一下,轮播如何上下滚动;比如商城里常见的公告;attachments-2017-02-VJFoQPJP589c43697f9d

请先 登录 后评论

1 个回答

开心就好

没做过,理论上是:
1、确定公告位置的长与宽,作为显示的窗口view,定位设为relative,overflow:hidden;超过该窗口的区域全部隐藏,看不见
2、在窗口view中,加入一个切换内容的容器view,定位为absolute,默认top:0;
3、在这个内容view里,wx:for出要轮放的内容view,这里内容view的高度必须和窗口view一致,并且是区块,一个内容view,占满整个容器,则一打开,就只能看到第一个内容
4、后面js控制,改变top就行了,比如每个高度都是60px,那动画一下,让top扩大到60px,就显示第二个了

实现方式应该很多,其中一个思路吧

请先 登录 后评论
  • 1 关注
  • 0 收藏,177 浏览
  • 我是总攻大人 提出于 2017-02-09 18:25

相似问题