今天在项目用使用ionic3<ion-scroll></ion-scroll>标签实现照片滑屏滚动呈现的样式,但是出现了两个问题:
1.在标签中放入照片数组之后,照片不显示;代买如下:
<ion-list >
<ion-scroll scrollX="true" >
<ul class="pics">
<li >
<img src="assets/imgs/pic.png">
</li>
</ul>
</ion-scroll>
</ion-list>
原因是:未给ion-scroll标签设置高;
2.图片显示了,但图片无法滚动
原因是:为在ul标签中设置ul的width属性,一开始我设置为100%;不行,它的宽度必须超过父级的宽度,才可以出现水平方方向的滚动条,问题解决,代码如下:
<ion-list >
<ion-scroll scrollX="true" style="height:80px;">
<ul class="pics" stlye="width:200%">
<li >
<img src="assets/imgs/pic.png">
</li>
</ul>
</ion-scroll>
</ion-list>
以上是本人在使用这个标签的时候遇到的问题及自己的解决方案,如有更合理的方法,可以留言,共同讨论。