flickity icon indicating copy to clipboard operation
flickity copied to clipboard

Click & drag over dots to scroll

Open vangn opened this issue 7 years ago • 5 comments

Hi, first of all, it's a great library, I used it in my projects, but I wanted to ask if it's possible to make or simulate the points (flickity-page-dots) act as a horizontal scroll bar like the options draggable and freeScroll?

Thanks and greetings from Mexico

vangn avatar Mar 28 '17 21:03 vangn

Thanks for this feature request. No this is not currently a feature of Flickity. Add a 👍 reaction if you would like to see this feature added. Do not add +1 comments, they will be deleted.

desandro avatar Mar 28 '17 23:03 desandro

@desandro thanks so much for the great library, I use it in a lot of my projects!

Draggable dots/slide navigation would be an amazing feature! Would it be possible to sync a Flickity slider with a jQuery UI Slider (https://jqueryui.com/slider/) or something similar?

tractanz avatar Dec 16 '20 22:12 tractanz

Would it be possible to sync a Flickity slider with a jQuery UI Slider (https://jqueryui.com/slider/) or something similar?

Yes, this is possible via the Flickity API

desandro avatar Dec 23 '20 16:12 desandro

Does anyone has an exemple for this? (draggable slider as nav)

Thank you.

yepecece avatar Jan 31 '21 01:01 yepecece

Does anyone has an exemple for this? (draggable slider as nav)

Thank you.

Hi yepecece, unfortunately I couldn't get working in time. I required a draggable scrollbar and ended up using swiper slider which has builtin scrollbar - https://swiperjs.com/swiper-api#scrollbar.

Though if you require a Flickity carousel to be navigation for another Flickity carousel, checkout the asNavFor section on the Flickity options page - https://flickity.metafizzy.co/options.html

Cheers,

tractanz avatar Jan 31 '21 19:01 tractanz