在微信小程序中scroll-into-view怎样使用

时间:2024-10-11 22:52:48

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

在微信小程序中scroll-into-view怎样使用

2、接着打开wxml文件,在文件中先新建一个scroll-view的标签。

在微信小程序中scroll-into-view怎样使用

3、设置这个scroll-into颍骈城茇-view滚动的方向设置为x轴,同时设置scroll-into-view的值,值就是子元素中的id,表示滚动到哪一个元素。

在微信小程序中scroll-into-view怎样使用

4、然后是设置子元素,先新建一个view的子元素,设置class和id。

在微信小程序中scroll-into-view怎样使用

5、再设置多几个view标签,便于观察效果。

在微信小程序中scroll-into-view怎样使用

6、点击打开模拟器。

在微信小程序中scroll-into-view怎样使用

7、在下面我们就可以看到滚动的元素就按照我们之前设置的来显示了。

在微信小程序中scroll-into-view怎样使用
© 手抄报圈