Javascript .离子滑动宽度小于设备宽度,导致最后一次滑动后出现空间
我使用的是爱奥尼亚的最新版本。使用离子载玻片,我将每个载玻片的宽度限制在80%,效果很好。 但如果我们将其滚动到最后,则会留下空白区域,所有幻灯片都隐藏在左侧 快照:Javascript .离子滑动宽度小于设备宽度,导致最后一次滑动后出现空间,javascript,slideshow,ionic3,ion-slides,Javascript,Slideshow,Ionic3,Ion Slides,我使用的是爱奥尼亚的最新版本。使用离子载玻片,我将每个载玻片的宽度限制在80%,效果很好。 但如果我们将其滚动到最后,则会留下空白区域,所有幻灯片都隐藏在左侧 快照: 发型 发型 发型 发型 还有空白,因为您已经给出了高度:34%否,高度只是垂直限制区域。而我所说的是最后一张幻灯片水平后留下的空白,宽度为80%。我想我从描述中误解了。很抱歉也许一个屏幕截图可以帮助你清楚地描述它。我在帖子里附上了快照链接,看看吧 <ion-slides style="height: 34%" speed=
发型
发型
发型
发型
还有空白,因为您已经给出了高度:34%否,高度只是垂直限制区域。而我所说的是最后一张幻灯片水平后留下的空白,宽度为80%。我想我从描述中误解了。很抱歉也许一个屏幕截图可以帮助你清楚地描述它。我在帖子里附上了快照链接,看看吧
<ion-slides style="height: 34%" speed="2000">
<ion-slide style="width:80%">
<ion-card>
<img src="./assets/images/slider4.jpg" />
<ion-card-content>
<ion-card-title>
Hair Style
</ion-card-title>
</ion-card-content>
</ion-card>
</ion-slide>
<ion-slide style="width:80%">
<ion-card>
<img src="./assets/images/slider4.jpg" />
<ion-card-content>
<ion-card-title>
Hair Style
</ion-card-title>
</ion-card-content>
</ion-card>
</ion-slide>
<ion-slide style="width:80%">
<ion-card>
<img src="./assets/images/slider4.jpg" />
<ion-card-content>
<ion-card-title>
Hair Style
</ion-card-title>
</ion-card-content>
</ion-card>
</ion-slide>
<ion-slide style="width:80%">
<ion-card>
<img src="./assets/images/slider4.jpg" />
<ion-card-content>
<ion-card-title>
Hair Style
</ion-card-title>
</ion-card-content>
</ion-card>
</ion-slide>
</ion-slides>