Horizontally Scrolling Cards

Hi guys,

Is there actually any documentation of creating a simple “Horizontally Scrolling Cards” gallery (as in Eldar’s Freedom Template) done entirely in blocs.
I had bought swiffy carousel and card designer but could not implement the simplest things with them.

Many thanks in advance!
Phil

Were you looking for the animated scroll effect or just manually scrolling Horizontally?
Horizontal Scroll Animation.zip (1.7 MB)

3 Likes

This looks good. how is it executed?

Thanks Jerry :hugs:

Until now I had only seen the one where the video was no longer available…
You mean this: News Slider - #4 by Jerry
Great work!!!

But how can i change the direction… currently the gallery runs from top to bottom if I install the bloc? And is it possible to add a scrollbar underneath :stuck_out_tongue_winking_eye:

Just for manually scrolling :wink:

Try this:

Set a Div Container or Column with a new CSS class the following:

  • Min-Width: 100vw
  • Display: Flex
  • Overflow: Scroll
  • Flex-Direction: Row

Add your Images in the Container or Column which all have a class with a Set Min/Max Width and adjust accordingly per breakpoint.

1 Like

Similar implementation as the Freedom Template Scrolling Cards only without the overflow: scroll from the column/div and add Scroll FX animations to each image.


3 Likes

Looks great - THX :hugs: