Need a scrollbar that appears and dissappears

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?

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)

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-list mode="md" lines="none">
    <ion-item-sliding *ngFor="let appointment of appointments">
      <ion-item (click)="verAppointment(">
        <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 style="clear: both; text-align: left">
              <p style="margin-left: 5px; margin-right: 5px; margin-bottom: 4px; margin-top: 5px;">{{appointment.description}}</p>

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

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

—content here

< /ion-content>

Hmm idk why but it didn’t do anything