Gecko [ caxingo.pi.gov.br ]

Name	Size	Permission	Date
.well-known	[ DIR ]	drwxr-xr-x	2024-11-07 04:42
assets	[ DIR ]	drwxr-xr-x	2023-10-25 14:01
controllers	[ DIR ]	drwxr-xr-x	2026-02-23 05:11
css	[ DIR ]	drwxr-xr-x	2023-10-25 14:02
js	[ DIR ]	drwxr-xr-x	2026-04-07 19:34
lib	[ DIR ]	drwxr-xr-x	2025-03-03 17:48
midea	[ DIR ]	drwxr-xr-x	2026-04-29 14:13
views	[ DIR ]	drwxr-xr-x	2025-03-03 18:08
.htaccess	656 B	-rw-r--r--	2026-04-30 03:06
error_log	61.79 KB	-rw-r--r--	2023-10-25 14:01
index-ajax.php	229 B	-rw-r--r--	2023-10-25 14:01
index.php	15.09 KB	-rw-r--r--	2025-05-07 14:17
teste.php	3.69 KB	-rw-r--r--	2023-10-25 14:01

Rename

<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="ISO 8859-1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nacionalidade</title>
<style>
</style>
</head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>

</div>

</div>

$(document).ready(function() {

var contador = 0 ;
$(window).bind('scroll', function() {

var altura = $(window).scrollTop();
var offset = $('body').offset().top;
var altura1 = $('body').outerHeight();
var altura2 = window.innerHeight ;

var limite = offset + altura1 - altura2;

//*********************************************************************************************************************************
// esse trecho de código é só para você ver(em tempo real) os valores que precisamos capturar para obter momento de inserir novos elementos
//*********************************************************************************************************************************
$("#span1").remove();
$("#span2").remove();
$("#span3").remove();

$("#fix").append("<span id=span1> Altura do Scroll=>"+altura+"</span>");
$("#fix").append("<span id=span2> Limite da altura do Scroll=>"+limite+"</span>");
$("#fix").append("<span id=span3> Contador de novas inserções=>"+contador+"</span>");
//******************************************************************************************************************************

if ( altura > limite ) {

contador = contador + 1 // só para você entender que houve nova inserção

// É AQUI QUE VC DEVE INSERIR O AJAX PARA IMPRIMIR MAIS CONTEÚDO(ASSUNTO PARA OUTRA AULA, CASE SEJA NECESSÁRIO)

// forçar nova inserção de elementos
$("body").append("<div style='width:1000px; height:100px; background:#100966 ;border:solid 5px #000'></div>");
$("body").append("<div style='width:1000px; height:100px; background:#101234 ;border:solid 5px #000'></div>");
$("body").append("<div style='width:1000px; height:100px; background:#134482 ;border:solid 5px #000'></div>");
$("body").append("<div style='width:1000px; height:100px; background:#905574 ;border:solid 5px #000'></div>");
}

});

</script>

</body>
</html>