scroll infini

bonjour ,

j'ai essayé d'appliquer ce tuto ( ici) 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

#comments{
                overflow: auto;
                width: 300px;
                height: 400px;
            }

<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>

<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>

dans le tuto , il detecte la fin du scroll avec ce code , mais c'est fait pour la page entière ...
comment detecter la fin du scroll sur ce type de div ?

merci d'avance .