微信小程序中如何设置横向滚动的位置

时间:2024-10-17 13:34:03

1、首先打开微信开发者工具。

微信小程序中如何设置横向滚动的位置

2、接着打开项目文件目录,打开一个wxml文件。

微信小程序中如何设置横向滚动的位置

3、在wxml文件中新建一个scroll-view并设置横向滚动。

微信小程序中如何设置横向滚动的位置

4、通过scroll-left来设置横向滚动的位置,单位是像素。

微信小程序中如何设置横向滚动的位置

5、然后再里面新建几个子元素。

微信小程序中如何设置横向滚动的位置

6、点击顶部的模拟器菜单,显示为绿色为开启。

微信小程序中如何设置横向滚动的位置

7、在下面我们就可以看到横向滚动条的位置已经改变了。

微信小程序中如何设置横向滚动的位置
© 手抄报圈