android css绝对定位元素在缩放时不在视图中

我有一个弹出窗口。该弹出窗口具有相对位置，背景覆盖具有固定位置。诸如此类：

.popup{
  position:relative;
  top:100;
  margin:0 auto;
}

.popupBg {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
    bottom: 0;
    left: 0;
    overflow-x: auto;
    overflow-y: scroll;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}

<div class="popupBg">
  <div class="popup">
  some html
  <input type="text">
  <button></button>
  </div>
</div>

.popup{
位置：相对位置；
排名前100名；
保证金：0自动；
}
波普布格先生{
背景：无重复滚动0 0 rgba（255、255、255、0.95）；
底部：0；
左：0；
溢出-x：自动；
溢出y：滚动；
位置：固定；
右：0；
排名：0；
z指数：99999；
}
一些html

问题在于android。当我点击输入时，它会进行缩放。但弹出窗口的一半超出了观察点。但是，如果我“滚动”视图，弹出窗口将停留在那里，我无法将其向左移动以查看其余部分。我只能滚动背景。这是一个更好的例子

---

我尝试了不同的姿势，但毫无帮助。有什么建议吗？

这个问题只在andriod设备中可见…？我还没有尝试过其他移动设备，但我想也有。我意识到我需要更改。PopubPG位置为绝对位置，而不是固定位置，它可以工作。然后我将使用jQuery（window）.height（）将.popubG height设置为与页面高度相同的高度。