Javascript 在iPad中限制HTML表格向一个方向滚动

我有一个基本的HTML表格，宽度和高度都受到限制，所以它可以垂直和水平滚动

一切正常，但在iPad上，用户可以向各个方向（包括对角线方向）滚动。这不太好。我想限制一次滚动一个方向。使用HTML/CSS/JS/jQuery可以吗？插件很好

如果有什么不同的话，我也会在桌子上使用KendoUI网格

JSFIDLE示例：

一些代码，所以我可以张贴JS小提琴链接

您可以通过添加

overflow-x:hidden来使用纯CSS来实现这一点到您的代码。这将完全禁用左/右滚动

#restricted {
    width: 400px;
    height: 300px;
    border: 1px solid red;
    overflow-x: hidden;  
}


如果您想以编程方式启用/禁用滚动，那么可以使用jQuery来实现

$("#restriceted").css("overflow-x","hidden");
// Restricting to only up/down scroll

这是个好主意。特别适用于像jGestures-。
$("#restriceted").css("overflow-x","hidden");
// Restricting to only up/down scroll