Как изменить кнопку для бесконечной прокрутки с помощью jquery?

Question

У меня есть класс кнопок с именем "getmore". Первый скрипт работает нормально. Теперь, как я могу добавить это внутри функции window.scroll для бесконечной прокрутки. пожалуйста помоги

$(document).ready(function(){
    $('body').on('click','.getmore',function(){
        var lastelement = $(this ).attr('id');
        $.ajax({        
            type: 'GET',
            url: 'getmore.php',
            data:'lastelement=' + lastelement,
            beforesend: function() {
                $('.getmore').html('loading....');
            },   
            success: function(data){
                $('.getmore').remove();
                $('#recs') .append(data) ; 
            }
        });
});

Answer 1

Если я вас правильно понял, думаю, это то, что вам нужно

Пока прокрутка внизу, загружайте контент с сервера.

function LoadContent() {
  var resultString = $("#contentDiv").html();
  $(jsonObj).each(function(i, e) {
    for (j = 1; j < 101; j++) {
      resultString += "No: " + j + ", Name: " + e.Name + ", Age: " + e.Age + "<br/>";
    }
  });
  $("#contentDiv").html(resultString);
}
$(window).scroll(function(event) {
  if ($(window).scrollTop() + $(window).height() == $(document).height()) {
    LoadContent();
  }
});

Пожалуйста, проверьте работающую скрипку