微信小程序scroll-view横向滚动的使用

微信小程序scroll-view横向滚动

微信小程序scroll-view横向滚动

这是最简单易懂的小程序页面内容横向滚动的方法之一，这里会用到小程序原生组件：srcoll-view，以及如何设置组件的属性和设置组件的css样式。

废话不多说，直接上代码。

// 这是设置小程序WXML页面
<scroll-view class="scroll-w" scroll-x>
	<view class="item"></view>
</scroll-view>

// 这是设置小程序WXSS页面
.scroll-w{with:100%;white-space:nowrap;}
.item{width:100rpx;height:100rpx;display:inline-block}