Safari中的Div位置问题

Question

我有一个div类“selection-detail-container”，我将其显示为弹出窗口。

div上的Css是

.selection-detail-container {
    display: none;
    position: absolute;
    top: 30%;
    left:10%;
    z-index: 100;
    width: 65%;
    background-color:#003768;
    border:1px solid #003768;
    padding-bottom: 20px;
    margin-bottom: -20px;

}

现在这个div在除Safari之外的所有浏览器中都正常打开。在iPad Air上，在Safari上，当您从第一页内容滚动并单击任何标记数据时，窗口（div）将在内容/浏览器窗口顶部的屏幕/背面打开。要查看它，您必须向上滚动到文档的顶部。这不是桌面环境中的问题。

请帮忙。