在微信小程序應用的越來越多的今天，寫小程序的程序員也越來越多了，本人也是剛寫完微信小程序，在開發的時候也遇到一些坑，今天先寫一下前幾天剛遇到的問題；
相信在微信小程序中橫向滾動應該是經常用到的，這一點在小程序的官方文檔里也是寫的比較清楚了，只要用scroll-view這個組件就可以做到，
<view class="container">
<view class="section__title">horizontal scroll</view>
<scroll-view class="scroll-view_H" scroll-x="true" style="width: 100%">
<view id="green" class="scroll-view-item_H bc_green" style="background:green;"></view>
<view id="red" class="scroll-view-item_H bc_red" style="background:red;"></view>
<view id="yellow" class="scroll-view-item_H bc_yellow" style="background:yellow;"></view>
<view id="blue" class="scroll-view-item_H bc_blue" style="background:blue;"></view>
</scroll-view>
</view>
在官方文檔里大概布局就是這樣寫的，但是最重要的還是在它的wxss樣式里面，
.scroll-view_H{
width:100%;
height:300rpx;
display: flex;
white-space: nowrap;
}
.scroll-view_H .scroll-view-item_H{
width:300rpx;
height:100%;
display:inline-block;
}
這樣微信小程序的橫向滾動就基本完成了，但是經過測試發現，這樣只能在iphone手機上運行，在安卓手機是完全無效的。
所以這個時候我們要在wxss加上最重要的一句：overflow：scroll；
加上這句時候，就既可以在ios里運行，也能在安卓下運行，一個橫向滾動就算完成了；