Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/450.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript .离子滑动宽度小于设备宽度,导致最后一次滑动后出现空间_Javascript_Slideshow_Ionic3_Ion Slides - Fatal编程技术网

Javascript .离子滑动宽度小于设备宽度,导致最后一次滑动后出现空间

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

我使用的是爱奥尼亚的最新版本。使用离子载玻片,我将每个载玻片的宽度限制在80%,效果很好。 但如果我们将其滚动到最后,则会留下空白区域,所有幻灯片都隐藏在左侧

快照:


发型
发型
发型
发型

还有空白,因为您已经给出了高度: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>