在微信小程序中怎样设置横向滚动

在微信小程序中怎样设置横向滚动

在微信小程序中有一个view组件，该组件下面有一个scroll-view的标签，该标签可以设置横向滚动，那么在微信小程序中怎样设置横向滚动呢？下面小编就带大家来看看详细的教程！

首先打开微信开发者工具，这个工具可以在编辑微信小程序的代码。

在项目文件目录中打开wxml文件，新建一个scroll-view的标签。

为这个scroll标签设置两个属性，一个是class的属性，一个是scroll-x的属性，该属性的值设为true，表示允许横向滚动！

在scroll-view标签里面新建几个子标签view，并给它们加上不同的class。

接着打开wxss文件，为刚才所写的class添加样式，特别注意的是，要将元素内的display设置inline-block，将所有元素横向排列。

点击左上角的模拟器，知道模拟器显示为绿色，表示开启。

在下方我们就可以看到我们刚才编写的文件所运行的效果，我们用鼠标拖动元素，是可以横向滚动的！

1、新建scroll-view标签

2、设置scroll-view的属性

3、添加view元素

4、写样式表

5、在模拟器中进行预览