IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

scroll infini jquery


Sujet :

jQuery

  1. #1
    Membre du Club
    Inscrit en
    Mars 2008
    Messages
    48
    Détails du profil
    Informations forums :
    Inscription : Mars 2008
    Messages : 48
    Points : 43
    Points
    43
    Par défaut scroll infini jquery
    j'ai essayé d'appliquer un tuto a un projet perso, cependant , je me heurte un probleme , en faite, je ne veux pas que mes commentaires s'affichent sur toute la page , donc j'ai mis tout ca dans un div

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    #comments{
                    overflow: auto;
                    width: 300px;
                    height: 400px;
                }
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    <div id="comments">
                    <?php
                    $conn = mysqli_connect('localhost', 'root', '', 'test', '3306');
                    if (!$conn) {
                        die('Could not connect to MySQL: ' . mysqli_connect_error());
                    }
                    mysqli_query($conn, 'SET NAMES \'utf8\'');
     
                    $result = mysqli_query($conn, 'SELECT * FROM comments LIMIT 0 , 10');
                    while (($row = mysqli_fetch_object($result)) != NULL) {
                        echo'<div class="comment" id="' . $row->id . '">';
                        echo '<h2>' . $row->subject . '</h2>';
                        echo '<p>' . $row->message . '</p>';
                        echo'</div>';
                    }
                    mysqli_free_result($result);
                    mysqli_close($conn);
                    ?>
    </div>
    dans le tuto , il detecte la fin du scroll avec ce code , mais c'est fait pour la page entière
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
     
    <script type="text/javascript">
     
                $("#comments").scroll(function(e){
                    console.log($(this).height());              
     
                    console.log($(this).scrollTop());                
                    if($(window).scrollTop()== $(document).height() - $(window).height()){
                        console.log("fin du scroll ...");
                 }
     
     
            });
     
            </script>

    comment detecter la fin du scroll sur ce type de div ? merci d'avance .

  2. #2
    Membre du Club
    Inscrit en
    Mars 2008
    Messages
    48
    Détails du profil
    Informations forums :
    Inscription : Mars 2008
    Messages : 48
    Points : 43
    Points
    43
    Par défaut
    je reviens pour donner la solution :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
     
    $("#comments").scroll(function(e){               
                     if ($(this)[0].scrollHeight - $(this).scrollTop() <= $(this).outerHeight()) {
                             // We're at the bottom.
                             alert("yeah !");
                        }
    ca marche sur les derniers navigateurs , pour le reste , pas tester .

  3. #3
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 634
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 634
    Points : 66 650
    Points
    66 650
    Billets dans le blog
    1
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. jScroll - scroll infini avec jQuery
    Par flobrflo dans le forum jQuery
    Réponses: 1
    Dernier message: 15/05/2013, 16h39
  2. [AJAX] Scroll infini de masonry
    Par AntiLoxy dans le forum AJAX
    Réponses: 1
    Dernier message: 30/11/2012, 22h52
  3. Problème de scrolling infini
    Par maximus35 dans le forum C
    Réponses: 3
    Dernier message: 01/03/2012, 23h42

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo