Posts, a community app by Read.cv

Thread
William M.

Are there any experts in Framer or Webflow here? I'm trying to find a way to add a swipe gesture on a flex div and it's driving me crazy

Armand
Armand @armand
Replying to @willisenough

You’ll need to use something like swiper js. There’s a decent amount of cloneables that you can copy right into your project!

William M.
Replying to @armand

Would this require to add custom code? I can't write it as I'm on the free plan, unfortunately :(

Ana Malai
Replying to @willisenough @armand

unfortunately, their free plan is sooo limited 😔 if you want to add some nice features with a code you have to pay for a plan

William M.
Replying to @anainsomnia @armand

Oh god, being unemployed even influences the design of my portfolio now 😔 Btw, do you know if there is a way to make carrousels "draggable" or is it just for slideshows?

Ibro Chundusu
Replying to @willisenough @anainsomnia @armand

Idk how well this translates to webflow/framer, but flexbox with overflow hidden should get normal horizontal scroll. details on snapping: css-tricks.com/css-only-carou…

CSS-Only Carousel | CSS-Tricks
It's kind of amazing how far HTML and CSS will take you when building a carousel/slideshow.
William M.
Replying to @ibro @anainsomnia @armand

Oh, hold on. What a weird thing. It swipes naturally both in mobile and desktop size when I use the inspector tool, but it doesn't work anymore when I get out of it lol what's happening

Ibro Chundusu
Replying to @willisenough @anainsomnia @armand

How odd, and the same when it's published? Maybe something in the UI is intercepting the scroll 🤔 Which are you using btw?

William M.
Replying to @ibro @anainsomnia @armand

I'm trying to make it on Framer currently. It's bizarre because both Chrome and Microsoft Edge don't swipe at all on desktop. Here's what I've tried so far with carrousel, slideshow, and stack layout: williammensley.framer.website/grid

William M.
Replying to @ibro @anainsomnia @armand

Oh really? the first one appears with a "blocked" cursor when I try to drag and doesn't scroll. But if it's working for you, I'm going to stick with it then! The second one is a slideshow, but it fits each image in a specific ratio, so it's not flexible for what I'm looking for.

William M.
Replying to @ibro @anainsomnia @armand

I'm going to test it in many browser at the end just to make sure if it's working properly. Do you have Arc btw? Currently, I'm on the Windows waitlist for it :(

Ibro Chundusu
Replying to @willisenough @anainsomnia @armand

Just make sure it works for a couple other people too 😅 Sorry, no Arc, but I think it'd act the same as any other Chromium browser Also this (posts.cv/ibro/qUfJkc3E3…) might fix your aspect-ratio issue, if it doesn't add ten new problems

William M.
Replying to @ibro @anainsomnia @armand

That's an intriguing interaction! But it scales only when you hover it instead of having different width sizes as default, right?

Ibro Chundusu
Replying to @willisenough @anainsomnia @armand

Oh yes, never mind. It had looked like the images were scaling to their aspect-ratio, but they're all the same :/