Ion horizontal scroll inside ion-slide is not working

Ionic Framework ionic-v3
1

This is my code, It is a sliding segment inside which I am trying to achieve a film strip like scroll. Not sure how to do it, Can someone please help?? Thanks in advance!

2018_01_26_13_49_59_Ionic_App
2018_01_26_13_49_59_Ionic_App.png402×507 9.01 KB 

<ion-slides>
     <ion-slide> 
            <ion-scroll scrollX="true">
                <button ion-button round color="light">Category</button>
                <button ion-button round color="light">Category</button>
                <button ion-button round color="light">Category</button>
                <button ion-button round color="light">Category</button>
                <button ion-button round color="light">Category</button>
                <button ion-button round color="light">Category</button>
                <button ion-button round color="light">Category</button>
                <button ion-button round color="light">Category</button>
                <button ion-button round color="light">Category</button>
                <button ion-button round color="light">Category</button>
            </ion-scroll>   
        <h1>Page0</h1>
         
    </ion-slide>
</ion-slides>
1 Like
2

Try this

ion-scroll{
  height: 50px;
  
  .scroll-zoom-wrapper{
    display: inline-flex;
  }
}

Also, having the

<ion-scroll scrollX="true">

Which seems to be similar in terms of horizontal swiping, you could disable the horizontal swipe for the

<ion-slides>

by adding a class to it like this

<ion-slides  class="swiper-no-swiping">

</ion-slides>

Hope this helps

1 Like
3

Hi, Thanks for your reply. My Point here is I need to the slide functionality and the ion-scroll to work.

Thanks!

1 Like
4

Thanks Shequeri, you’re the man, it worked for me !