Ionic horizontal scroll inside ion-slide


#1

hey how can i add horizontal scroll inside ion-slide


#2

What do you mean exactly?

You are swiping hoizontally, so a scroll bar wouldn’t really make sense.


#3

i want to horizontally scroll my card inside slide.


#4

Can you illustrate that somehow? I am not sure I get what you are saying.


#5

i have solve my problem using this css
.scroll
{
display: block;
overflow-x: scroll;
white-space: nowrap;

}


#6

Hi,

Can you elaborate on your resolution?
I have page with a set of 10 ion-slides, on the last slide, I have a component that is 1000px wide along with content above , and I want that component to be able to horizontal scroll.

I have tried numerous css and style changes with no luck.

What css file did you add the .scoll fix to, the one with the ion-slides?

Thank you
Bill


#7

you can use above css in your parent element of your component like
ion-item class="scroll"
component here
ion-item

        or

you can do like this
ion-scroll scrollX="true"
scrolling component here
ion-scroll
ion-scroll {
white-space: nowrap;
display:block;
height: 100px;

}