Intro.js 步骤在 ionic 3 的 iOS 设备中不显示答案

【问题标题】：Intro.js steps no show in iOS device in ionic 3Intro.js 步骤在 ionic 3 的 iOS 设备中不显示
【发布时间】：2019-01-25 09:06:43
【问题描述】：

在 Ionic 3 中，我使用选择 Intro.js 来实现新用户游览。但是当我使用 iOS 模拟器和设备检查结果时，带有“introjs-overlay”类的 div 变成黑色（见下图）。

我尝试了很多解决方案，例如 1.从chrome控制台检查，修改css样式。 2. 来自 GitHub 论坛和 Stackoverflow 的调查

但是还是不行

在 home.html 中

<ion-content center padding> 
     <p id="step1">First Step</p>
</ion-content>

在 home.ts 中

constructor(public navCtrl: NavController,
          ....) {
}

ionViewDidEnter(){
  this.intro();
}

intro() {
    let intro = introJs.introJs();
    intro.setOptions({
        steps: [
            {
                intro: "Hello world!"
            },
            {
                element: '#step1',
                intro: "This is a tooltip.",
                position: 'bottom'

            }             
        ],
    });
    intro.start();
}

第一张图片是相同的，因为该步骤未附加到任何 html 元素。

在 Android 设备中，结果如下所示

但在 iOS 设备中，结果如下所示

【问题讨论】：

标签： ionic3 intro.js

【解决方案1】：

为了解决后屏（黑色），您可以在 index.html 页面中指定样式在 body 标签关闭之前。 .introjs-fixParent { z-index: 99999 !important; } 这是 z-index 的原因，但是，在 ionic 3 中，还有很多与其他内容相关的问题，我被 scrollToElement 问题所困扰。

希望对你有帮助

【讨论】：