OxyElements
Thank you
"If my work is helpful to you, you can support me by making a donation through PayPal. By donating just $1 for every project my content helps you with, you encourage me to keep creating and sharing even more valuable resources."
"If you want a custom project or modifications to any of my existing projects, feel free to send me the details of your project and your budget via Messenger. No budget is too small!"

Button and Scroll Load More

Introduction:

Here’s a "load more" feature that works both as a button and with scroll. It includes predefined animations for ease of use and offers several attributes for easy customization.

Attribute data-load-more-selector: Select the repeater using a class or ID, making it easy to configure the element that loads more content.

Attribute data-load-more: Customize the loading behavior by choosing between "scroll" or "click" to determine whether new elements load on scroll or click.

Attribute data-load-more-animation: Define the entry animation for the loaded elements. The following options are available:
x-fade
x-fadeDown
x-fadeUp
x-fadeZoomIn
x-fadeZoomOut

Or you can add your own custom class instead of using these options.

Attribute data-load-more-animation-initial: Set this attribute to true or false to determine whether elements should animate when initially loaded.
EXAMPLE:
Apple Ipad Mini 6th Gen 8.3 Inch With Wi-fi
1 2 3
Load More
0
of
0
PaypalMessenger
©2024 Reyes. All rights reserved