Javascript 如何在长弹出模式中垂直居中弹出模式

我有一个长的全屏弹出模式（父模式）。在这个模式（父模式）中有另一个弹出模式（子模式）。

---

如果我滚动“父模式”，然后打开“子模式”，则“子模式”模式不会垂直居中。

使用子模式尝试此样式：

#parent-modal{
 position:relative;
}
#child-modal{
  position:absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

---

希望这对你有用

.modal{
}
.垂直对齐辅助工具{
显示：表格；
身高：100%；
宽度：100%；
}
.垂直对齐中心{
/*垂直居中*/
显示：表格单元格；
垂直对齐：中间对齐；
}
.模态内容{
/*引导设置模态对话框类中模态的大小，我们需要继承它*/
宽度：继承；
身高：继承；
/*水平居中*/
保证金：0自动；
}

启动演示模式
&时代；关
情态标题
...
关
保存更改
&时代；关
情态标题
...
关
保存更改

请添加代码或小提琴！谢谢。我有那个css。我没有将其添加到js fiddle中，尽管使用transform属性垂直居中弹出窗口不是很好。它有很多问题。无论如何，非常感谢你的回答是的！是的。谢谢