Question

我使用专门针对Mobile的HTML5，Bootstrap，CSS和Angular JS创建了一个页面。我试图保留一个表单，其中一个输入字段和一个按钮（用于在页面上发布消息），页脚是使用CSS修复的 -

position: fixed;
right: 0;
bottom: 0;
left: 0;
margin-bottom: 0;

并且此规则适用于表单的包装器div。

<div class="navbar navbar-fixed-bottom">
                <div class="navbar-inner">
                    <div class="row">
                        <a class="pull-right switch-venue" target="blank" ng-href="#" href="#">
                            <img alt="Switch Venue" height="25px" src="images/swithc-venue.png"> 
                        </a>
                        <div class="span12 powered-by">
                            Powered by <img alt="" title="" width="70px" src="images/footer_logo.png">
                        </div>
                    </div>
                </div>
            </div>

但问题是当我尝试在我的移动设备Samsung Galaxy Y ST5360上访问该页面（带有网址URL）时，当我尝试在输入文本框中输入一些文本时，Android设备的键盘出现了，在这背后整个页脚区域（具有输入字段和按钮的形式）隐藏。

虽然这在其他一些Android设备三星Galaxy S III上运行良好，但它工作正常，意味着在输入文本字段内输入时，页脚区域（其中包含表单）并未隐藏在设备键盘后面。

很抱歉，如果我无法提供有关该问题的更多规范。请帮助解决这个问题。

感谢advence。

键入时将输入框保持在Android设备键盘上方

0 个答案: