Salla Docs
Merchant API
  • Merchant API
  • Salla OAuth 2.0
Partner APIs
  • App API
  • Shipment API
Storefront
  • Twilight Engine
  • Twilight SDK
  • Web Components
  • Change Log
Salla CLI
Merchant API
  • Merchant API
  • Salla OAuth 2.0
Partner APIs
  • App API
  • Shipment API
Storefront
  • Twilight Engine
  • Twilight SDK
  • Web Components
  • Change Log
Salla CLI
Salla - Opensource
Salla - Developers Community
  1. Elements
  • Overview
  • Usage
  • Components Customization
  • Elements
    • Apps Icons
    • Breadcrumb
    • Color Picker
    • Conditional Fields
    • Count Down
    • Filters
    • Infinite Scroll
    • List Tile
    • Loading
    • Map
    • Modal
    • Placeholder
    • Progress Bar
    • Rating Stars
    • Reviews
    • Reviews Summary
    • Sheet
    • Skeleton
    • Slider
    • Social
    • Social Share
    • Tabs
  • Form
    • Button
    • Bottom Alert
    • Contacts
    • Date Time Picker
    • File Upload
    • Menu
    • Quantity Input
    • Select
    • Tel Input
  • Product
    • Add Product
    • Advertisement
    • Comments
    • Conditional Offer
    • Gifting
    • Installment
    • Meta Data
    • Offer
    • Offer Modal
    • Orders
    • Payments
    • Product Availability
    • Product Card
    • Products List
    • Product Options
    • Product Size Guide
    • Products Slider
    • Quick Buy
    • Quick Order
    • Scopes
    • Search
  • User
    • Cart Summary
    • Localization
    • Login
    • Loyalty
    • Rating
    • User Menu
    • User Profile
    • User Settings
    • Verify
  1. Elements

Infinite Scroll

The <salla-infinite-scroll> web component allows for infinite scrolling to load content continuously as the user scrolls down the page, eliminating the need for pagination, and that can be customized using the properties' parameters available.

Example#

Infinite Scroll

Usage#

HTML
SASS
Note
You may set the property autoload to be true for loading content as customers scroll through the content, or set it to false and add a Button Component to activiate the content auto-scrolling capability.

Properties#

PropertyAttributeDescriptionTypeDefault
AutoloadautoloadWhether or not to autoload the next page's content when scrolling to its viewboolean'false'
ContainercontainerClass selector to know if the container is or is not the host <salla-infinite-scroll>string'.s-infinite-scroll-container'
ItemitemClass selector to list itemsstring'salla-infinite-scroll > *'
Load More Textload-more-textInforms the user that more data is available, and to prompt them to click on the button to load it.stringundefined
Next Pagenext-pageLoads content from a next page path URLstring''
Modified at 2024-08-18 06:26:38
Previous
Filters
Next
List Tile