Add touch scroll flex overflow

I Need Help
1

Hi, I created this slideshow, how can I remove the scroll bar and make touch scroll?

gif slideshow
gif slideshow600×653 830 KB

P.S. I uploaded the website and on mobile it’s okay, but it’s possible to create something similar on desktop?

2

Hello @theenrico, add a class “scrollnoshow” to that gallery, and add this in code:

/* Add option to scroll, in your case just leave the x option */
.scrollnoshow {
  overflow-y: scroll;
  overflow-x: scroll;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scrollnoshow::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scrollnoshow {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

To add scroll smoth:

add this for the first class:

-webkit-overflow-scrolling: touch;

Now that I look a little bit more in your video, I see you have a scroll in Y but for that one, you just need to increase the height of that element.
Hope it helps you…

3

I tested this code, but I can’t horizontal scroll
It’s a Row with 5 columns (I can see first 4 columns and want to slide to the 5)
ezgif.com-gif-maker

4

Did you test in Safari? And the same reaction? If you want send me your bloc and I give it a try.