官方的写法:

1
2
3
4
5
<ion-scroll scrollX="true"></ion-scroll>

<ion-scroll scrollY="true"></ion-scroll>

<ion-scroll scrollX="true" scrollY="true"></ion-scroll>

如果要使用横向滚动,必须在 <ion-scroll>标签上添加如下属性方可有效

1
ion-scroll {white-space:nowrap;}

不需要给 ion-scroll 添加 width 属性。

1
2
3
<ion-scroll scrollX="true">
<img src="assets/imgs/1.jpg" alt="">
</ion-scroll>
1
2
3
4
5
6
7
8
9
ion-scroll{
height: 150px;
white-space: nowrap;

img{
height: 300px;
width: 300px;
}
}