Applet advertising scroll up and down effect

Mentioned scroll up and down results, our first thought is of carousel effect swiper, make corresponding adjustments, as follows:

<swiper class="swiper_container" vertical="true" autoplay="true" circular="true" interval="3000">
     <block wx:for="{{msgList}}">
        <swiper-item>
           <view bindtap='toGGdetail' data-id="{{item.id}}"class="swiper_item">{{item.title}}</view>
        </swiper-item>
     </block>
</swiper>

 Processing styles are as follows:

.swiper_container {
height: 40rpx;
width: 100%;
}
.swiper_item {
font-size: 26rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}