-
Notifications
You must be signed in to change notification settings - Fork 5
infinite scroll
Vitor Hugo edited this page Oct 9, 2019
·
1 revision
Para ativarmos o scroll infinito, é preciso acrescentar as classes:
-
infinite-scroll no container da listagem
-
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>