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 →
PayZephyr: One Payment API for Stripe, Paystack, and PayPal image

PayZephyr: One Payment API for Stripe, Paystack, and PayPal

Read article
Bifrost Turns One With AI Builds and New Workflows image

Bifrost Turns One With AI Builds and New Workflows

Read article
Preview Blade Templates in macOS Finder with Quick Blade image

Preview Blade Templates in macOS Finder with Quick Blade

Read article
Artisan Debugging Commands in Laravel Telescope 5.24.0 image

Artisan Debugging Commands in Laravel Telescope 5.24.0

Read article
Queue totalSize() and JobInterrupted Event in Laravel 13.31 image

Queue totalSize() and JobInterrupted Event in Laravel 13.31

Read article
Find Unexpected Test Inputs with Fuzz for Pest image

Find Unexpected Test Inputs with Fuzz for Pest

Read article