Hice un script de desplazamiento infinito y funciona perfectamente en el escritorio, pero no funciona en el móvil. Probé todas las soluciones para problemas relacionados aquí, pero no funcionó tan bien o di valores repetidos.

Apreciaría cualquier ayuda

aquí está mi guión:

 <script> $(document).ready(function() { $('#loading').show(); //Original ajax request for loading first posts $.ajax({ url: "includes/handlers/ajax_load_translators.php", type: "POST", data: "page=1&userLoggedIn=" + userLoggedIn, cache:false, success: function(data) { $('#loading').hide(); $('.posts_area').html(data); } }); $(window).scroll(function() { var height = $('.posts_area').height(); //Div containing posts var scroll_top = $(this).scrollTop(); var page = $('.posts_area').find('.nextPage').val(); var noMorePosts = $('.posts_area').find('.noMorePosts').val(); if ((document.body.scrollHeight == document.body.scrollTop + window.innerHeight) && noMorePosts == 'false') { $('#loading').show(); var ajaxReq = $.ajax({ url: "includes/handlers/ajax_load_translators.php", type: "POST", data: "page=" + page + "&userLoggedIn=" + userLoggedIn, cache:false, success: function(response) { $('.posts_area').find('.nextPage').remove(); //Removes current .nextpage $('.posts_area').find('.noMorePosts').remove(); //Removes current .nextpage $('.posts_area').find('.noMorePostsText').remove(); //Removes current .nextpage $('#loading').hide(); $('.posts_area').append(response); } }); } //End if return false; }); //End (window).scroll(function())