https://chjrsistemas.com.br/assets/js/pagination.js

1function paginate() {
2    var qntArticles = $('#qntArticle').val();
3    var indexArtShow = 0;
4    if (qntArticles > 20) {
5        for (var i = qntArticles; i >= qntArticles - 19; i--) {
6            $('#art' + i).removeClass('postEnterPage');
7            $('#art' + i).addClass('postPage');
8        }
9        var qntPagination = qntArticles / 20;
10        qntPagination = Math.ceil(qntPagination);
11        var htmlPagination = '';
12        for (var c = 1; c <= qntPagination - 1; c++) {
13            htmlPagination += "<li class='page-selector' id='page-selector-" + (c + 1) + "'><a onclick=\"showmore(" + (c + 1) + ")\">" + (c + 1) + " </a></li>"
14        }
15        document.getElementById("paginationSection").innerHTML += htmlPagination;
16    } else {
17        for (var i = qntArticles; i >= 0; i--) {
18            $('#art' + i).removeClass('postEnterPage');
19        }
20    }
21}
22
23function showmore(a) {
24    var qntArticles = $('#qntArticle').val();
25    $('.postPage').addClass('postEnterPage');
26    $('.postPage').removeClass('postPage');
27    for (var c = qntArticles - (20 * (a - 1)); c > qntArticles - (20 * a); c--) {
28        $('#art' + c).removeClass('postEnterPage');
29        $('#art' + c).addClass('postPage');
30    }
31
32    $("#paginationSection > li").each(function() {
33        $(this).removeClass('active');
34    });
35    $('#page-selector-' + a).addClass('active');
36    scrollTop();
37}
38
39function scrollTop() {
40    //e.preventDefault();
41    var targetOffset = $('.main-header').offset().top;
42    $('html , body').animate({
43        scrollTop: targetOffset - 100
44    }, 700);
45}