Angularjs 用离子卷轴滚动

Angularjs 用离子卷轴滚动,angularjs,html,ionic-framework,hybrid-mobile-app,Angularjs,Html,Ionic Framework,Hybrid Mobile App,我想使用ionic scroll组件一次只允许一种滚动类型(垂直或水平)。我尝试在离子滚动元素中使用“锁定”属性,但没有成功。当我沿对角线拖动时,它会发生如下图所示的情况 如果你知道解决这个问题的方法,请帮助我。提前谢谢 示例代码- 使用此功能,现在不要使用离子滚动,请将其删除。。它会像你想的那样工作 希望这对你有帮助。。谢谢您可以使用locking=“true”来完成此操作 并提及高度和宽度,感谢您的回复。但我需要的内容能够滚动两个方向。我只是不希望这两件事同时发生,就像我在问题中展示的图

我想使用ionic scroll组件一次只允许一种滚动类型(垂直或水平)。我尝试在离子滚动元素中使用“锁定”属性,但没有成功。当我沿对角线拖动时,它会发生如下图所示的情况

如果你知道解决这个问题的方法,请帮助我。提前谢谢

示例代码-

使用此功能,现在不要使用离子滚动,请将其删除。。它会像你想的那样工作


希望这对你有帮助。。谢谢

您可以使用locking=“true”来完成此操作


并提及高度和宽度,感谢您的回复。但我需要的内容能够滚动两个方向。我只是不希望这两件事同时发生,就像我在问题中展示的图片一样。嗯。。okkk然后我认为将locking设置为true是我尝试过的最好的方法(y),但它仍然无法阻止对角拖动:(你可以在我的示例文件中查看它,我完全按照你说的做了。但是仍然不能阻止对角线拖动。你能不能在小提琴上应用它,这样我就可以更新它。我试过了。但是它不起作用。所以你可以只更新我在问题中给出的play.ionic.io链接。请随时更新。更新两个链接上的代码,现在它正在滚动。)仅在一个轴中,您可以像这样修改html
<ion-content class="padding" overflow-scroll='false' locking="true" direction="xy" has-bouncing="false">