小程序廣告位上下滾動的效果

提到上下滾動的效果，我們首先想到的是swiper的輪播效果，做相對應的調整，代碼如下：

<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>

 樣式的處理如下：

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