IPad中的警报框位置

Question

在IPad中，我们面临着定位自定义提醒框的问题。 在谷歌浏览后，我保持approrpaite css在屏幕中央有警告框，顶部为50％。 我们有一个要求，当验证消息触发时，警告框应相对于文本框位置定位。在Ipad中，它占据整个屏幕并将警报框定位在特定位置。 我们希望它相对于IPad中的文本框位置进行定位。

我们在主jsp页面中总共包含7个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中固定对话框，尽管主体滚动。请分享解决方案。