javascript – Fix vertical scrolling on true mobile devices (touch devices)


I have a kanban board, that in responsive mode shows one column at a time. I have added column snapping scroll-snap-type: x mendatory; on the parent container, and scroll-snap-align: center; on each child. While the horizontal scrolling works well, when trying to scroll vertically (on each column), instead of just scrolling vertically the content jumps all over the place.

URL: https://mymarini.cogency.io/proxy/EDMv?is_embedded=true

Note: this is happening on true mobile devices only, NOT on desktop;

I am pretty sure there must be some sort of CSS solution to this? or possibly a combination of CSS + JS?

PS: The desired intent is to make it work just like in the trello app, except it CANNOT be a native app.

Latest articles

spot_imgspot_img

Related articles

Leave a reply

Please enter your comment!
Please enter your name here

spot_imgspot_img