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

I posted a file beginning of '21 on how to do this. You might want to search the forum for it.

1 Like

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: