Scroll with footer

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.


      <IonContent fullscreen>
        <IonHeader collapse="condense">
            <IonTitle size="large">Blank</IonTitle>
        <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>
          <IonLabel position="floating">Dosage en mg:</IonLabel>
          <IonInput type="number" placeholder="Saisir ici" clearOnEdit>
          <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 >
          <IonButton href="./Myrate" class="couleur" expand="block" fill="clear" color="#3EEC4D">
            Voir mon besoin journalier

anyone have an idea?