Not supported scroll up/down on mobile

[nghienngo]

Hi, fengyuanchen Vue-carousel is not supported scroll up/down on mobile. You can help me fix this issue or suggest ways fix this issue? Thanks,

[fengyuanchen]

You should touch outside the carousel area if you want to scroll the page.

[nghienngo]

I use the carousel full screen when responsive on mobile. So, I can't touch outside the area.

[fengyuanchen]

Not support your case right now.

[fengyuanchen]

As of v1.0.0, you can set the slideOnSwipe prop to false to allow page scrolling.

[thedark1233]

Hello, even in last version slideOnSwipe prop to false didn't worked for me, In case someone is in the same situation and want it to be scrollable for mobile browser I fixed it by adding a class to the carousel component and set touch-action: unset!important;

[MrTheSoulz]

im having the same issue, adding slideOnSwipe does not fix it.

Ive managed to fix it using this script:

<script>
        let lastY;
        $(document).bind('touchmove', function (e) {
            let currentY = e.touches[0].clientY;
            if (currentY !== lastY) {
                $('.carousel').addClass('allowSlide');
            } else {
                $('.carousel').removeClass('allowSlide');
            }
            lastY = currentY;
        });
    </script>

and this scss:

.carousel {
  &.allowSlide {
    touch-action: unset !important;
  }
}