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
Thread
You’ll need to use something like swiper js. There’s a decent amount of cloneables that you can copy right into your project!
Would this require to add custom code? I can't write it as I'm on the free plan, unfortunately :(
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
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?
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.
css-tricks.com
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
How odd, and the same when it's published? Maybe something in the UI is intercepting the scroll 🤔 Which are you using btw?
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
So... the first has horizontal scroll for me everywhere. Second scrolls (with snapping) on mobile and drags on desktop. Third does not move anywhere. try testing in a new private window Android: Bromite iOS: Safari Desktop: Brave
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.
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 :(
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
That's an intriguing interaction! But it scales only when you hover it instead of having different width sizes as default, right?
Oh yes, never mind. It had looked like the images were scaling to their aspect-ratio, but they're all the same :/