Pesquisar na Comunidade
Mostrando resultados para as tags ''rolagem infinita''.
Encontrado 1 registro
-
Olá amigos, tenho um script de scrool infinito que peguei na internet que funciona perfeito no site. O que eu preciso é que quando não tiver mais itens a carregar o javascript pare de solicitar e não mostre o texto e a imagem de carregando. cada fez que chega ao final da pagina, aparece carregando e a imagem de carregamento, até ai tudo bem, mas quando acaba o conteudo o javascript fica mostrando o "carregando e a imagem", além de ficar solicitando na pagina que fornece o conteudo. Alguem pode me ajudar, pois não manjo de javascript. abaixo o javascript que uso: //variavel para controle de registros retornados var pagina = 0; //function carrega function carrega(){ $('.loading').html("<p><img src='/inc/images/loader2.gif' width='173' height='123'/><br /><span style='font-weight: bold; font-style: italic; font-size: 24px;'>Carregando anúncios...</span></p><p> </p><p> </p>").fadeIn('fast'); $.ajax({ type: "POST", url: "/inc/sql-home.asp", data: "page="+pagina,//variavel passada via post cache: false, success: function(html){ $(".content").append(html);//mostra resultado na div content }, error:function(html){ $('.content').html("erro...").fadeIn('fast'); } }); }; //chama minha funcao ao carregar a pagina $(document).ready(function(){ carrega(); }); //funcao de controle do scroll da pagina, na qual ela chega ao fim acionada chamando //minha function carrega novamente para trazer mais dados dinamicamente $(window).scroll(function(){ if($(window).scrollTop() + $(window).height() >= $(document).height()-500){ pagina += 1; carrega(); }; });