View All or Show Less List Pagination

View All or Show Less List Pagination

Instead of traditional pagination that shows the same amount of items each time you click a load more button, this is a manual approach to start with a fixed number of items, then click a “show all” button that shows all remaining items.

This toggles the height of each item multiplied by number of items you want to show, then sets height of wrapper to that result while the wrapper also is overflow: hidden.

Industries

Creators

Have feedback or a question related to this item? Drop us some feedback!

Curated: 
4.11.22

Similar items

Featured
Preview

Osmo

View item
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Stop handing off concepts and start designing real products with Webflow.

12.3.19

Product Prototyping with Webflow

12.3.19

Adding cookies to custom modals

12.3.19

Webflow Seamless Pagination

12.3.19

The Low-Code/No-Code Movement: More Disruptive Than You Realize

12.3.19

CSS Scroll Snap

11.21.19

CSS Aspect-Ratio

11.21.19

Min/Max/Clamp Individual Styles

11.21.19

CSS Combinators

11.21.19

@Media Prefers Dark/Light

11.21.19
Load more

Bummer, no results

Try a different search/filter combo, or drop us some feedback if there is something missing you would love to see!

Reset filters

Subscribe for updates

Get updates on the latest curated resources and be the first to hear of new features.