Javascript IPad中的警告框位置

在IPad中，我们面临着一个定制警报框的定位问题。 在谷歌上搜索之后，我使用了ApproPaite css，在屏幕中央设置了50%的警告框。 我们有一个要求，即当激活验证消息时，警报框应该相对于文本框的位置进行定位。在Ipad中，它会占据整个屏幕，并将警报框定位在特定位置。 我们希望它相对于IPad中文本框的位置进行定位

我们总共有7个jsp页面包含在一个主jsp页面中。当我点击第7个jsp页面中的文本框时，即主页的底部，警报框应该会出现在那里。但是，css的情况并非如此

请在同样的问题上帮助我们

以下是我应用的css：

.white_content {
    display: none;
    position: fixed;
    top: 50%;
    left: 25%;
    width: 50%;
    height: 20%;
    border: 1px solid orange;
    z-index:1002;
    overflow: auto; 
}

ScrollTop属性在Ipad中不起作用。在Ipad中滚动时无法获取scrollTop值。scrollTop属性是否有其他选项

---

在Ipad中，对话框和主体即屏幕一起滚动。如何使对话框在Ipad中固定，即使主体滚动。请分享解决方案。

请向我们提供与sameuse相关的代码