Need a scrollbar that appears and dissappears

Ionic Framework ionic-v3
1

I was looking for is a scrollbar that is always invisible, and only appears when we’re actually scrolling. Couldn’t find anything so far, any tips?

2

Just give in the div which you want the scrollbar

overflow-x: auto; //scrollbar works x-axis (horizontal scrollbar)
overflow-y: auto; //scrollbar works y-axis (vertical scrollbar)
3

The way I filled up the page with stuff was with a list of items that has cards, I think I didn’t quite understand how to use it could you provide me more info?

<ion-content>
  <ion-list mode="md" lines="none">
    <ion-item-sliding *ngFor="let appointment of appointments">
      <ion-item (click)="verAppointment(appointment.id)">
        <ion-card mode="ios">
            <div id="textbox">
              <h3 style="float: left; margin-left: 5px;">{{appointment.horaInicial | date: 'H:mm'}} - {{appointment.horaFinal | date: 'H:mm'}}</h3>
              <h4 style="float: right; margin-right: 5px;">{{appointment.area}}</h4>
            </div>
            <div style="clear: both; text-align: left">
              <p style="margin-left: 5px; margin-right: 5px; margin-bottom: 4px; margin-top: 5px;">{{appointment.description}}</p>
            </div>
        </ion-card>
      </ion-item>
    </ion-item-sliding>
  </ion-list>
</ion-content>

image
image.jpg565×829 90.8 KB

I want the scrolling bar to stay invisible when I’m not scrolling, but I want it to appear when I am scrolling

4

< ion-content direction=“y” scrollbar-y=“true”>

—content here

< /ion-content>

5

Hmm idk why but it didn’t do anything