Прокрутка содержимого не работает при использовании ion-tabs в ionic 4 - PullRequest
2 голосов
/ 05 апреля 2019

Я не могу прокрутить содержимое, пока я использую

Ionic 4 + Angular 7

Кажется, он останавливает экран, не может прокрутить экран.

dashboard.component.html

<app-header></app-header>
<ion-content scroll="true">
Dashboard
This is the test content    
</ion-content>
            <ion-tabs>
    <ion-tab-bar slot="bottom">
    <ion-tab-button tab="dashboard>
        <ion-label>Home</ion-label>
        <ion-icon name="home"></ion-icon>
    </ion-tab-button>
    <ion-tab-button tab="leave">
        <ion-label>Settings</ion-label>
        <ion-icon name="settings"></ion-icon>
    </ion-tab-button>
    </ion-tab-bar>
</ion-tabs>

1 Ответ

1 голос
/ 05 апреля 2019

Эта проблема была исправлена ​​в выпуске 1.2.4 ионной платформы, пожалуйста, обновите вашу ионную.

Это обычное исправление, отредактируйте scss/_scaffolding.scss:

  &.pane {
    overflow-x: hidden;
    overflow-y: scroll;
  }

Вы также можете попробовать:

div {
    width: 150px;
    height: 150px;
    overflow: scroll;
}

Или собственный свиток:

<ion-scroll direction="xy" style="width: 500px; height: 500px"> </ion-scroll>

У меня была такая же проблема, и я заметил, что если я добавлю overflow-scroll=false, прокрутка работает, а с true is not

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...