Veuillez vous connecter ou créer un compte pour suivre ce topic
Ce topic est suivi par: AgnesTheApple
Auteur Sujet: probleme de scroll up

AgnesTheApple
Membre Premium

Messages: 0

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!
😆😆😆
Publicité

konis

Messages: 0

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

Messages: 0

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 vous connecter ou créer un compte pour poster une réponse