Bonjour,

Quand je clique sur le bouton poster pour laisser un commentaire, ma page s'actualise et cela me ramène tout le temps en haut de la page alors que j'essaie de faire en sorte que cela me ramène en dessous du titre "Commentaires".

Voici mon code de ma page php :

    <div id="scroll"><h2 class="h-2">Commentaires</h2></div>

    <?php
        if(isset($_SESSION['id'])) {

            if(isset($_POST['submit_commentaire'])) {
                if(!empty($_SESSION['pseudo']) AND !empty($_POST['commentaire'])) {
                    $pseudo = $_SESSION['pseudo'];
                    $commentaire = $_POST['commentaire'];

                    $inserer = $bdd->prepare('INSERT INTO commentaires (pseudo, commentaire) VALUES (?, ?)');
                    if($inserer->execute(array($pseudo, $commentaire)))

                    $envoie = "Votre commentaire a bien été posté !";

                } else {
                    $erreur = "Tous les champs doivent être complétés !";
                }

                if (isset($envoie))
                {
                    echo '<div id="envoie"><font color="green">' . $envoie . "</font></div>";
                }
                if (isset($erreur))
                {
                    echo '<div id="erreur"><font color="red">' . $erreur . "</font></div>";
                }
            }
        }

        $commentairesParPage = 5;
        $commentaireTotalsReq = $bdd->query("SELECT id FROM commentaires");
        $commentaireTotals = $commentaireTotalsReq->rowCount();
        $pageTotales = ceil($commentaireTotals/$commentairesParPage);

        // Afficage du formulaire que si connecté
        if(!empty($_SESSION['id'])){
            ?>
            <?php    
                if(!empty($_SESSION['message'])) {
                    echo $_SESSION['message'];
                    $_SESSION['message'] = "";
                }
            ?>

            <form method="POST">
                <div id="pseudo"><?php echo '<b>Pseudo : </b>' . $_SESSION['pseudo'] ?></div>
                <textarea name="commentaire" id="commentaire" placeholder=" Taper votre commentaire..." cols="50" rows="5"></textarea><br />
                <a href="#scroll"><input type="submit" id="poster" value="Poster" name="submit_commentaire" /></a>
            </form>

Code page CSS :

scroll

{
margin-bottom: 50px;
scroll-behavior: smooth;
}

Est-ce que quelqu'un aurait une idée ? Merci