小编Roh*_*wal的帖子

我的网站上有一个聊天应用程序页面.主容器在移动设备上占据全高和宽度.容器内部有position: fixed3个.最后一个div 有一个和其他聊天应用程序一样发送它.以下是简要代码:divsposition:absolute#app-msg-composertextareabutton

<div id='app-container'>
    <div id='app-header'></div>
    <div id='app-body'></div>
    <div id='app-msg-composer'>
         <textarea></textarea>
         <button>Send</button>
    </div>
</div>

#app-container{
    position: fixed;
    height:100%;
    width:100%;
    top: 0px;
    bottom:0px;
}
#app-header{
    position:absolute;
    height:48px;
    width:100%;
    top:0px;
}
#app-body{
    position:absolute;
    top:48px;
    bottom: 74px;
    width:100%;
}
#app-msg-composer{
    position:absolute;
    bottom:0px;
    height:74px;
    width:100%;
}

作为textarea被点击,并配备对焦时,虚拟键盘的存在使得页面的上半部分向上滚动屏幕(出视口).此问题仅适用于iPhone,因为它在其他Android设备上运行良好.我搜索了这个问题,发现它是iphone中的一个常见问题,因为:

在iPhone上,虚拟键盘的存在不会改变视口高度.

我尝试了stackoverflow的一些解决方案,但没有用.如何在javascript或css中执行此操作,因为我没有使用任何库？

我正在使用 Google 发布商代码在我的游戏中展示广告。我的游戏是一个 Android 应用程序内的网页视图。为了实现这一点，我正在加载这个脚本https://securepubads.g.doubleclick.net/tag/js/gpt.js。

我发现上面的脚本内部也tpc.googlesyndication.com/sodar/sodar2.js用file://协议加载这个脚本。广告正在显示，但我的游戏因此崩溃。我尝试搜索导致此问题的原因，但找不到任何解决方案。主要是我对两件事有疑问。

1. 为什么 gpt 在内部加载tpc.googlesyndication.com/sodar/sodar2.js脚本。如果没有必要，我们可以避免这种情况吗？
2. 为什么只有这个脚本加载file://协议，我们如何避免这种情况？

我是第一次尝试 Google 发布商代码，如果我有什么错误，请纠正我。