3

我使用 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>

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

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

抱歉，如果我无法提供有关该问题的更多说明。请帮助解决这个头发拉扯问题。

提前感谢。

4

0 回答 0