当我们按照官网上的例子使用ionic-scroll的时候会出现不滚动的情况。官网例子如下所示:
<ion-scroll scrollX="true">
</ion-scroll>
<ion-scroll scrollY="true">
</ion-scroll>
<ion-scroll scrollX="true" scrollY="true">
</ion-scroll>
经过研究发现是因为我们的写法有问题,正确学法如下所示:
<ion-content padding overflow-scroll="true">
<ion-scroll scrollX="true" scrollY="true" style="width: 100%;height:100%;">
</ion-scroll>
</ion-content>
其实,我们应该给ion-scroll设置宽高并给ion-content标签添加 overflow-scroll=“true”。这样就可以解决问题了。