Laravel Tutorials

Incorporating URL Fragments in Laravel's Pagination

Published
Incorporating URL Fragments in Laravel's Pagination image

Laravel's pagination system includes a powerful fragment() method that enables you to append URL fragments to pagination links. This feature proves particularly useful when directing users to specific sections of your page during navigation.

The fragment() method seamlessly integrates with Laravel's pagination system:

$users = User::paginate(15)->fragment('users');

When rendered, these pagination links will automatically include '#users' in their URLs, directing users to the appropriate section of your page.

The fragment() method becomes particularly valuable when handling multiple content sections or complex navigation structures:

class ContentController extends Controller
{
public function index(Request $request)
{
$activeSection = $request->section ?? 'recent';
 
return View::make('content.index', [
'posts' => Post::latest()
->paginate(10)
->fragment("section-{$activeSection}"),
'activeSection' => $activeSection
]);
}
}
// views/content/index.blade.php
<div id="section-{{ $activeSection }}">
@foreach ($posts as $post)
<!-- Post content -->
@endforeach
{{ $posts->links() }}
</div>

Laravel automatically handles the fragment inclusion in your pagination links, generating URLs like /posts?page=2#section-recent. This approach maintains context and scroll position as users navigate through paginated content.

Harris Raftopoulos photo

Senior Software Engineer • Staff & Educator @ Laravel News • Co-organizer @ Laravel Greece Meetup

Sponsored

serpapi logo
SerpApi

The Web Search API for Your LLM and AI Applications

Visit SerpApi

The latest

View all →
Pollora: Run WordPress Inside a Laravel Application image

Pollora: Run WordPress Inside a Laravel Application

Read article
Scheduled Session Garbage Collection in Laravel 13.39 image

Scheduled Session Garbage Collection in Laravel 13.39

Read article
Deferred Schema Loading in Filament v5.8 image

Deferred Schema Loading in Filament v5.8

Read article
Sloppy: Static Analysis for AI-Written PHP image

Sloppy: Static Analysis for AI-Written PHP

Read article
Mastering Laravel Testing: A Video Course on Laravel Tests image

Mastering Laravel Testing: A Video Course on Laravel Tests

Read article
NativePHP Mobile Security Advisories: Update to 4.6.1 image

NativePHP Mobile Security Advisories: Update to 4.6.1

Read article