🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Truncated Pagination

As a user navigates through pagination, truncate it so that not the whole list is shown. The truncation is different in desktop and mobile. Facilitate as much as possible in CSS, with JS just controlling the "active" element and previous/next clicks.

See the Pen by allicarn (@allicarn) on CodePen.

This awesome script developed by allicarn. Visit their official repository for more information and follow for future updates.

You May Also Like

jQuery Plugin For Long Content Pagination/Slider Plugin - Text Pager

jQuery Plugin For Long Content Slidshow - Content Paginator

Client-side HTML Table Pagination Plugin with jQuery - Paging

jQuery Based List Pagination with Hash Tracking

Simple jQuery Pagination Plugin For Long Lists

Simple Pagination Plugin For jQuery and Bootstrap - Simple Pagination

Tiny Flexible jQuery Pagination Plugin - MXPage.js

Minimal jQuery Table Pagination Plugin - SimplePagination

Easy Client-side Pagination Plugin with jQuery - Paginate.js

Minimalist jQuery Pagination Plugin For Bootstrap Tables

jQuery Plugin For Responsive Bootstrap Pagination Component

Simplest Table Paging & Sorting Plugin For jQuery - Sortpaginate.js

Simple jQuery Script For Table Pagination On Browser

Small Customizable jQuery Table Pagination Plugin - paginemytable

Minimal Bootstrap Table Pagination Plugin With jQuery - Pagination Tables

Minimalist jQuery Based Table Paginator - simplePagination

Simple Convenient Pagination Plugin For jQuery - Paginathing

AJAX Based jQuery Load More / Pagination Plugin - loadMore.js

Easy Large Table Pagination Plugin With jQuery - Paginator

Small Scrolling List Pagination Plugin For jQuery - IDPaginate

Easy Any Content Pagination Plugin - jQuery Paginate.js

jQuery Plugin For Sorting, Paginating, Filtering Any Content - jplist

Lightweight jQuery Client-side Pagination Plugin - paginate.js

Any Content Pagination Plugin For jQuery - paginga

Paginating Through Long Web Content With jQuery - mbPagination

jQuery Plugin To Paginate Any Long Text Content - jPaginate

Lightweight Interactive Pagination Plugin With jQuery - jqPagination

Lightweight Any Element Pagination Plugin With jQuery - easyPaginate

Easy Flexible Pagination Component For jQuery - Folio.js

Tiny jQuery Pagination Widget For HTML Table - table.hpaging

Lightweight jQuery Tabbed Content & Pagination Plugin - TabPager

Easy Table Pagination Plugin For Materialize - jQuery pageMe

Minimal Clean Pagination Plugin For jQuery - Pagination.js

Customizable Pagination jQuery Plugin For Materialize Framework

Simple Configurable jQuery Pagination Plugin - asPaginator

Easy Client Side Pagination Plugin For jQuery - Paginate.js

Dynamic Data Pagination Plugin For jQuery - simplePaging

Configurable & Themeable Pagination Plugin With jQuery - amPagination

Tiny Bootstrap-style Pagination Component With jQuery - blade-pagination

Fast Client Side Pagination Plugin - jQuery cPager

Convenient Long List Pagination Plugin With jQuery - HZpagination.js

Minimal Content Paginator With jQuery - PaginateIt

Paginate Large Sets Of Data Using Bootstrap 4 Pagination - Buzina Pagination

Simple Customizable Pagination Plugin with jQuery and Bootstrap - Twbs Pagination

Dynamic Pagination Component For jQuery - Pajinatify

Convenient Pagination Component For Dynamic Content - motypager

Performant Large list Pagination Plugin - JOLD Paginator

Simple & Full-featured jQuery Pagination System - Pagination.js

AJAX-enabled jQuery Pagination Plugin - mricode.pagination

Dynamic Table Sorting & Pagination Plugin - smpSortableTable

Paginate Any Block Elements With jQuery smpPagination Plugin

Paginate, Sort, Filter Dynamic Data In A Table - Table Sortable

Paginate A Large List Using jQuery Paging Plugin

Searchable Content Paginator For jQuery - FlexiblePaginationJS

Dynamic Pagination Control With jQuery - Paginatify.js

Highly Customizable jQuery Pagination Component - jqPaginator

Fast Content Paginator With jQuery And Bootstrap 4 - Senzill Pagination

Easy AJAX-enabled Pagination Plugin For jQuery - Pagination.js

Convenient Pagination Plugin With Bootstrap 3/4 And jQuery UI - Pagination.js

Bootstrap Compatible Pagination For Tabs - jQuery tabulation.js

Enable Sorting, Filtering And Pagination For Table - jQuery fancyTable

Versatile jQuery Pagination Plugin For Any Content - Paging.js

Dynamically Generate Pagination Links With jQuery Pagination.js

Minimal Table Sorter & Pager Plugin For jQuery

Easy jQuery Paginator For AJAX/Static Contents - pagination.js

Infinite Scroll

Brick by Brick - Full Functionality - Infinite Scroll

INFINITE SCROLLING FORM

Infinite Scroll Lazy Loading Gallery With Simple jQuery

Infinite Scroll with react and CSS3 animation

jQuery Plugins

AngularJs Plugins