Skip to content

infinite scroll

Vitor Hugo edited this page Oct 9, 2019 · 1 revision

Scroll Infinito

Para ativarmos o scroll infinito, é preciso acrescentar as classes:

  1. infinite-scroll no container da listagem

  2. infinite-scroll-content no container de onde o item estará e será acrescentado

Outro detalhe importante, é não esquecer que a paginação deverá utilizar o template mixdinternet/frontend::partials.pagination

Ex.

<section class="page-content wave">
    <div class="container infinite-scroll">
        <div class="row information-list infinite-scroll-content">
            @forelse($articles as $article)
                <div class="custom-col col-12 col-sm-6 col-lg-4">
                    @include('mixdinternet/frontend::partials.information-card', ['article' => $article])
                </div>
            @empty
            @endforelse
        </div>
        {{ $articles->appends(request()->except('page'))->links('mixdinternet/frontend::partials.pagination') }}
    </div>
</section>