Intro.js在Ionic 3中未在iOS设备中显示步骤

Question

在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设备中，结果如下所示

Answer 1

要解决背面屏幕（黑色），可以在index.html页面中指定样式     在body标签关闭之前。                     .introjs-fixParent {            z-index：99999！重要；            }         这是z-index的系数，但是在ionic 3中，还有很多与其他东西相关的问题，我仍然受scrollToElement问题的困扰。

希望对您有帮助