I have a carousel that moves horizontally with a few cards. The cards are made of lists which move vertically. The problem I'm having is that when I move horizontally from one card to another, I can still move the list vertically that I was previously on. Is there a way to lock the list from moving vertically once I start moving horizontally on the carousel?
I was able to lock the list from moving horizontally with the direction: 'vertical', directionLock: true, setting in each list. However, I haven't been able to figure how to lock the list in place once I move through the carousel horizontally. I tried putting the following scrollable code in the carousel, but it strangely prevented me from moving horizontally even though I put horizontal as the direction.
Any help will be greatly appreciated. Thanks.