Slick: Options Vertical - touch vertical not work, only horizontal touch

[dekwilde]

When I set the options to work in vertical mode, the touch event to change de slide need to also change to vertical mode. the "rtl" options to fix this also don't work!

[kenwheeler]

Not happening. A vertically swiping carousel is a huge usability concern. Vertical swiping is for the browser. Sorry my man. Feel free to have a look at the swipe detection method and change the variables around to make it work, but I'm not adding this to core.

[kenwheeler]

If you really want to do it, go into the swipeMove method, and swap curX and curY. That said, please don't. Your users will thank me later.

[dekwilde]

Hey man great work! I did some implementations in the code:https://github.com/dekwilde/slick/blob/master/slick/slick.js
Basicly now if the vertical option is true, the swipeDirection will return top or bottom, I think that the swipeAngle need be more accurate but work very fine now

[kenwheeler]

Awesome, enjoy

[dcsan]

@dekwilde I tried your fork but I'm not getting a working vertical scroll. did you manage to debug it?

using your fork this is an example:
http://vert-carousel.meteor.com/blocky

focusing on the carousel (cards at left) the arrow keys will move nicely thru one item, but the up/down scroll isn't working.

[simeydotme]

Actually, @kenwheeler I would really appreciate this as option (not default as I 100% agree large carousels will hijack the browser and f-things-up, but please consider my scenario:

> 900px

< 900px

There's two carousels here: The main carousel which is the large image and can be swiped left and right, and the thumbnail carousel which should also be swipable.

The main carousel remains horizontal at <900px but the thumbnails change from horizontal to vertical on mid-sized devices to free up some vertical space... but then the UX changes because it's no longer swipable :cry:

I'd preferably not want to have to fork or make a prototype-override on the swipe method, but if you're still not gonna budge then I guess I'll have to.

Ultimately: You'd be giving developers the power to destroy UX but I argue that like Dr. Malcolm says:

No, I'm, I'm simply saying that life developers, uh... finds a way to ruin UX.

:stuck_out_tongue:

[dcsan]

maybe as a secret option? for those who haven't sworn alliance to the puritanical church of horizontal scrolls because you know, anything vertical is perverted.

[kenwheeler]

Sigh... Let me think about it. Maybe an undocumented option like "badUxMode: true"

[simeydotme]

@dcsan It's not some random dislike for allowing things to scroll vertically, the reason to avoid it is because if you hijack the vertical scroll with a large carousel you'll end up with users who cannot touch-swipe to the bottom of the page as the event will be captured. It is a rather large UX concern and admirable of @kenwheeler for considering it... but as you and I both demonstrated; the power of Vertical scrolling can be wielded safely and reasonably in the hands of responsible adults :stuck_out_tongue:

[kenwheeler]

I'll add it , if you agree to take ownership of bugs where people are like, "I made a full width slider that swipes vertically and now I can't scroll my page!" Lol

[Anderrs]

This would be a really nice feature as far as I'm concerned (I've commented on it before). I know there could be unforeseen as well as foreseen bugs, but in some cases it just makes perfectly good sense to be able to swipe vertical (my own portfolio is a good example since it's a full-screen carousel without any footer or additional information underneath the carousel). +1 from me. :)

[simeydotme]

Lol Ken, I'll help update the documentation when you add the feature with a
comprehensive guide to "not-fucking-up-the-users-ability-to-scroll" while
in vertical mode 😁😂👌
On 21 Dec 2014 22:25, "Anders Hede Jensen" [email protected] wrote:

This would be a really nice feature as far as I'm concerned (I've
commented on it before). I know there could be unforeseen as well as
foreseen bugs, but in some cases it just makes perfectly good sense to be
able to swipe vertical (my own portfolio is a good example since it's a
full-screen carousel without any footer or additional information
underneath the carousel). +1 from me. :)

—
Reply to this email directly or view it on GitHub
https://github.com/kenwheeler/slick/issues/620#issuecomment-67771944.

[inventortechie]

Haha, I got a kick out of reading this thread. Totally agree with @kenwheeler , but , looking in from the other side, I can see where it might work in some use cases. Came across this thread looking for the same solution, but (again), re-thinking the usability, I will stick w/ horizontal and just tweak my layout to keep users happy ;-)

[kenwheeler]

@Inventortechie yeah I finally caved and there is a verticalSwiping option that lets you do this