title: Ionic - Slides are "infinitely" sliding even if no more elements
body: <p>I am making an Ionic App and I'm having problems when having 2 sliders in the page. Even if there are no more slides, it continues to slide making it impossible to go back to the last slide. I am living a video and code below.</p>
  
  <p>Video:</p>
  
  <p><a href="https://im4.ezgif.com/tmp/ezgif-4-515bf3557554.gif" rel="nofollow noreferrer"><img src="https://im4.ezgif.com/tmp/ezgif-4-515bf3557554.gif" alt="enter image description here"></a></p>
  
  <p>Code:</p>
  
  <pre><code>&lt;ion-row padding-left&gt;
  &lt;ion-col style="padding-bottom: 0;"&gt;
      &lt;ion-slides zoom="false" style="padding: 0; "&gt;
          &lt;ion-slide [class.oculto]="!oculto" *ngFor="let video of lista.videos"&gt;
             &lt;button class="boton-slider" (click)="verVideo(video, lista.nombre)"&gt;
                &lt;ion-thumbnail&gt;
                   &lt;img [src]="video.miniatura"&gt;
                &lt;/ion-thumbnail&gt;
                &lt;div *ngIf="video.visto" class="video-visto-lista"&gt;
                   &lt;ion-chip color="primary"&gt;
                      &lt;i class="icon-sm icon-ophthalmology" aria-hidden="true"&gt;&lt;/i&gt;
                      &lt;span class="label-chip"&gt;Visto&lt;/span&gt;
                   &lt;/ion-chip&gt;
                &lt;/div&gt;
                 &lt;p class="titulo-video"&gt;{{video.titulo}}&lt;/p&gt;
              &lt;/button&gt;
           &lt;/ion-slide&gt;
        &lt;/ion-slides&gt;
     &lt;ion-slides style="height: 0;"&gt;&lt;/ion-slides&gt;
  &lt;/ion-col&gt;
  </code></pre>
  
  <p></p>
  
  <p>Help please!</p>