Ładowanie strony dynamicznie podczas scrollowania

Question

Hej, napisałem skrypt, który ma za zadanie ładować elementy z bazy podczas przewijania strony w dół...coś jak komentarze na YT. Elementy jednak ładują się nie tam gdzie powinny tylko pod stopką strony na samym dole. Opuszcza tak jakby stronę i ładuje posty pod stopką. Chciałbym żeby skrypt ładował pliki z bazy w centrum w środku strony między górnym menu a stopką. Próbowałem dać kod skryptu na końcu pliku html itp jednak bez zmian.

Proszę o poradę jak moge umiejscowić ładowanie elementów z bazy w odpowiednim miejscu...

Dzięki

Skrypt wygląda następująco:

<script type="text/javascript">
      $(document).ready(function(){

        var flag = 0;


            $.ajax({

                type: "GET",
                url: "get-data.php",
                data: {
                    'offset': flag,
                    'limit': 3
                },
                success: function(data){
                    $('body').append(data);
                    flag += 3;
                  
                }

            });

            $(window).scroll(function(){
                if($(window).scrollTop() >= $(document).height() - $(window).height()){
                      
                 $.ajax({

                type: "GET",
                url: "get-data.php",
                data: {
                    'offset': flag,
                    'limit': 3
                },
                success: function(data){
                    $('body').append(data);
                    flag += 3;
                  
                }

            });
           
                }

            });

      });


  </script>

 

Answer 1

$('body').append(data);  oznacza dodanie przekazanej wartości jako ostatni element potomny wybranego wcześniej elementu. Więc ładuje przed zamknięciem znacznika body.

Comments

Ok już działa tak jak chciałem tylko jeden szczegół... Jak ładuje posty z bazy to tło się zrobiło białe wkoło nich, a nie ładują się na tle jakie miałem ustawione wcześniej... Trzeba dodać jakiś parametr czy w CSS coś zmienić?