Ionic - 自定义指令块以模态滚动

Question

上面的屏幕截图显示了模态视图中的朋友列表。自定义指令avatar-button按行和列排列。每个avatar-button由图像和文本段落组成。指令avatar-button也用于其他导航视图。

当我在Android移动设备上测试我的应用程序时，如果我在任何avatar-button上启动滚动手势，则无法滚动模态视图。但是，如果我在某个未被avatar-button覆盖的地方触摸屏幕，则可以滚动模态视图。似乎我的自定义指令阻止或使用我的滚动手势，因此滚动事件无法传播到<ion-content>标记中声明的<ion-modal-view>。

在其他导航视图中，只要滚动手势在任何avatar-button的顶部开始，就不会出现问题。

如何解决这个问题？

Answer 1

您是否在指令中使用############### # Environment # ############### python 3.2.5 pypy 2.4.0 django 1.8.7 或event.stopPropagation()？什么是计算出的CSS样式？

你也可以尝试以下事项：

1. 禁用离子滚动并使用原生滚动条查看是否有帮助：

event.preventDefault()

1. 您还可以使用此指令禁用自定义离子内容元素的滚动：

   app.config([ "$ionicConfigProvider", function ($ionicConfigProvider) { $ionicConfigProvider.scrolling.jsScrolling(false); } ]);

有关此内容的信息如下： http://ionicframework.com/docs/api/provider/$ionicConfigProvider/

也许您可以发布指令中的一些代码以获得更详细的帮助。

电贺， 斯蒂芬