probleme de scroll up

AgnesTheApple

AgnesTheApple Le 8 juillet 2018 à 17:23 (Édité le 25 janvier 2019 à 17:54)

Bonjour a tous! je viens de finir le projet creer un forum en php et vraiment merci pour tout les tutos le rendu est super! seulement quand un utilisateur post une reponse la page remonte automatiquement en debut de page...je nai pas implementer le systeme de pagination du coup toutes mes reponses st a la suite est ce que cela pourrait modifier le comportement de lapage?
Merci encore pour vos reponses!
😆😆😆
konis

konis Le 9 juillet 2018 à 00:46

J'utilise moi méme ceci:
<!-- SCRIPTS -->
    <script type="text/javascript">
        // When the user scrolls down 20px from the top of the document, show the button
        window.onscroll = function() {scrollFunction()};
        function scrollFunction() {
            if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {
                document.getElementById("myBtn").style.display = "block";
            } else {
                document.getElementById("myBtn").style.display = "none";
            }
        }
        // When the user clicks on the button, scroll to the top of the document
        function topFunction() {
            $("html, body").animate({ scrollTop: 0 }, "slow");
          return false;
        }
    </script>
konis

konis Le 9 juillet 2018 à 00:48

Met ce code dans le footer:
<a class="back-to-top" onclick="topFunction()" id="myBtn"><i class="ion-chevron-up"></i></a>
Et le css:
.back-to-top i{text-align: center;}
.back-to-top {
    display: none;
    position: absolute;
    bottom: 50px;
    right: 20px;
    height: 50px;
    width: 50px;
    text-align: center;
    font-size: 25px;
    line-height: 52px;
    background: #1769aa;
    cursor: pointer;
    color: #fff;
    position: fixed;
}
Vous devez être connecté pour poster une réponse. Se connecter ou Créer un compte