Component Control|Scroll Horizontal List
Scroll Horizontal List: After clicking on the component configured for this action, it allows control over scrolling a horizontal list to the previous or next item.
Last updated
Scroll Horizontal List: After clicking on the component configured for this action, it allows control over scrolling a horizontal list to the previous or next item.
Last updated
By clicking the button, you can control the scrolling of the horizontal list to move to the previous or next item position.
Prerequisite: the [Horizontal List] component is configured in the current page
Scroll event for Horizontal Lists. Scrolling to the previous/next position of the horizontal list is controlled by a button.
Step 1. Horizontal List Build
Drag in the horizontal list and adjust the size and position.
Bind the data of the horizontal list.
Build the horizontal list item component.
Step 2. Modify the Style of the Horizontal List
Paging Enabled for Horizontal List
Step 3. Add the Scroll Event Action
Add Scroll Horizontal List to the left button.
The target is Horizontal List.
The direction is Backward.
Add Scroll Horizontal List to the right button.
The target is the Horizontal List.
The direction is Forward.
Scroll to the previous image by clicking the button in the lower left corner, and switch to the previous image by clicking the button in the lower right corner.
Momen is a no-code web app builder, allows users to build fully customizable web apps, marketplaces, Social Networks, AI Apps, Enterprise SaaS, and much more. You can iterate and refine your projects in real-time, ensuring a seamless creation process. Meanwhile, Momen offers powerful API integration capabilities, allowing you to connect your projects to any service you need. With Momen, you can bring your ideas to life and build remarkable digital solutions and get your web app products to market faster than ever before.