Question

我使用ionic + cordova开发应用程序。应用程序中的整个页面都可以滚动，但是页面内的div无法使用触摸手势在手机屏幕上滚动，即使我已将CSS编写为：

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

I want the following legend div can be scrolled on the mobile devices

任何人都可以帮忙吗？

Answer 1

作为Blauharley suggested，您可以使用ion-scroll指令执行此操作。

您应该将.doughnut-legend元素包装在ion-scroll：

中

<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>

如何在离子应用页面视图中滚动div？

1 个答案: