Scroll with footer

Ionic Framework Ionic React
1

Hello,
On the desktop I have a page with a footer and it hides the button I have at the end of my text.
How so that during the scroll it goes back above the footer?
i’m in ionic 5 with react.

thanks

<IonPage>
      <IonHeader>
        <IonToolbar>
          <IonTitle>Blank</IonTitle>
        </IonToolbar>
      </IonHeader>
      <IonContent fullscreen>
        <IonHeader collapse="condense">
          <IonToolbar>
            <IonTitle size="large">Blank</IonTitle>
          </IonToolbar>
        </IonHeader>
        <div id="text">
          <IonImg class="logo" src="/assets/img/logo1app.png"></IonImg>
          <p>Utiliser notre calculateur pour définir votre dosage exact de CBD</p>
          <IonLabel position="floating">Taille de la bouteille en ml:</IonLabel>
          <IonInput type="number" placeholder="Saisir ici" clearOnEdit>
          </IonInput>
          <IonLabel position="floating">Dosage en mg:</IonLabel>
          <IonInput type="number" placeholder="Saisir ici" clearOnEdit>
          </IonInput>
          <br />
          <p>Taux: perent1 </p>
          <p>Nombre de goutte dans la bouteille: nbDrop </p>
          <p>Mg de CBD / goutte: mgDrop </p>
          <IonButton fill="outline">Calculer le taux</IonButton>
        </div >
      </IonContent>
      <IonFooter>
        <IonToolbar>
          <IonButton href="./Myrate" class="couleur" expand="block" fill="clear" color="#3EEC4D">
            Voir mon besoin journalier
    </IonButton>
        </IonToolbar>
      </IonFooter>
    </IonPage>
2

anyone have an idea?