Html 如何在爱奥尼亚应用程序页面视图中滚动div？

我使用爱奥尼亚+科尔多瓦开发了一个应用程序。 应用程序中的整个页面可以滚动，但页面中的div不能通过触摸手势在手机屏幕上滚动，尽管我已经将CSS编写为：

ul.doughnut-legend{
  position: absolute;
  top: 0;
  right: -10px;
  width: 130px;
  height: 150px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

有人能帮忙吗？

因为，你们可以用指令来做

您应该将

甜甜圈图例

元素包装在

离子卷轴中

：

<ion-scroll zooming="true" direction="xy" style="width: 500px; height: 500px">
  <div class="legends" style="width: 5000px; height: 5000px;">
    <ul class="doughnut-legend">
    </ul>
  </div>
</ion-scroll>

您是否尝试过ion scroll指令？实际上，您只需将这个指令包装在您的legends-div中。我也在做OP正在做的事情。我可以让我的div滚动，但几乎没有。当我滚动div时，它会慢慢滚动，而整个页面仍会滚动，……当我向上滚动手指，试图进入div中更向下的内容时，整个页面-和div-从顶部向上滚动，我无法再看到/关注div。我如何解决这个问题？Hi@rolinger。也许为你的问题创建一个全新的问题会更好。我做了…这里是链接：