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

masteringlaravel logo
Laravel Code Review

Get expert guidance in a few days with a Laravel code review

Visit Laravel Code Review

The latest

View all →
WhenMounted and BigInt Props in Inertia.js v3.8 image

WhenMounted and BigInt Props in Inertia.js v3.8

Read article
Postcodes for Laravel: GB Postcode Lookup and Geography Data image

Postcodes for Laravel: GB Postcode Lookup and Geography Data

Read article
Laravel 14 Adds a defaults() Method to Eloquent Models image

Laravel 14 Adds a defaults() Method to Eloquent Models

Read article
Laravel AI SDK and Laravel MCP Security Fixes: Update Now image

Laravel AI SDK and Laravel MCP Security Fixes: Update Now

Read article
Mailbox for Laravel: Preview and Test Rendered Email image

Mailbox for Laravel: Preview and Test Rendered Email

Read article
Count Worker Crashes as Job Exceptions in Laravel 13.34 image

Count Worker Crashes as Job Exceptions in Laravel 13.34

Read article