Question

我有一张离子卡。并且只有一次卡。它很大。但是不可滚动。当我将方向更改为横向时，将隐藏卡的一半，并且无法滚动它。

<ion-content ng-controller="VideoCController">
<ion-list>
  <div class="inset item-text-wrap">
      <ion-item>
          <h2>{{video.video_title}}</h2>
      </ion-item>
      <ion-item>
          <div class="video-container">
              <iframe ng-src="{{getIframeSrc(video.yt_id)}}" frameborder="0" width="560" height="315" allowfullscreen></iframe>
          </div>
      </ion-item>
      <ion-item>
          <h3>Lenght {{video.yt_length * 1000 | date:'mm:ss'}}</h3>
      </ion-item>
      <ion-item>
          <p>{{video.description | htmlToPlaintext}}</p>
      </ion-item>
  </div>

Answer 1

转到下面了解有关如何制作离子滚动的更多信息，我没有尝试过，但假设这是实现滚动的方法。

http://ionicframework.com/docs/api/directive/ionContent/

如果你成功，请告诉我。

由于

Answer 2

此答案适用于离子卡滚动方案的一般情况。在 v4 以下的Ionic版本中，我们可以使用

<ion-scroll scrollY="true">--content--</ion-scroll>。

但是 IonScroll 已在Ionic v4中删除。因此，我们必须使用

<ion-card scrollY="true">--content--</ion-card>

像这样

离子卡不可滚动

2 个答案: