Hello,
I’m trying to make both of the scrolls to work with the trackpad. basically what is happening is this 2 cases:
when the grid has more rows than the height of the table (creates a vertical scroll bar) the trackpad gestures always trigger a vertical scroll, no matter if you swipe right to left or left to right, it will always move the vertical scroll bar.
when the grid has less items than the height of the grid, it will scroll horizontally, this happens no matter if you use the trackpad or the mousewheel.
examples can be found here:
1) this wont scroll horizontally with trackpad/mousepad/mousewheel, only manually dragging the horizontal scrollbar (100 items, vertical and horizontal scroll bars), notice that any gesture or mousewheel event will make it move horizontally
http://jsfiddle.net/gubq04w1/
2) this will always scroll, no matter if you do up-down gestures or use the mousewheel, it will always scroll horizontally.
http://jsfiddle.net/nrh92v04/
so the question is:
how can we make both of the work properly? I want to do swipes left/right and move the scrollbar horizontally and up/down to vertically scroll
note that this is similar to this questions, where the user didn’t got any solutions:
https://www.jqwidgets.com/community/topic/horizontal-scrolling-with-touchpad/