修复了顶部和底部div，移动键盘问题

Question

我正在使用直接引导来实现像移动聊天网站。 选择输入时遇到css问题（看起来特定于iphone，因为android正在按预期工作）。当我选择我的输入（位于底部div）时，键盘导致我的顶部div消失到屏幕顶部（当它应该保持在屏幕的顶部） 这只是一个快速的小问题，看看我的问题是什么（尝试使用导航现在仍然没有运气 - 固定顶部和固定底部），当只使用底部或顶部它工作正确，但组合似乎是一个问题。我试过搜索谷歌没有成功：

<div class="navbar navbar-blend navbar-fixed-top">
     <div class="row">
         <div class="col-xs-9 col-md-9">
             <span>Text top</span>
         </div>
     </div>
</div>

https://jsfiddle.net/JPVeldtman/pju12ako/