Question

我目前遇到一个固定标头的奇怪问题。一旦我专注于输入字段，它就变得更大，并且实际上在输入字段本身上“增长”。每当我关注另一个输入字段时，它就会变得更大（例如，父div的填充增长）

这是我正在使用的HTML标记

 <!-- Settings !-->
    <section id="settings" data-role="page" data-pagination="4" data-theme="a">
        <div data-role="header" data-position="fixed" data-tap-toggle="false">
        </div>
        <div data-role="content">
        </div>
         <div data-role="footer" data-position="fixed" data-tap-toggle="false" data-theme="a">
        </div>
    </section>

每当我关注输入字段时，类“ui-fixed-header”就会被添加到标题本身。使用jQuery删除它不会带来预期的效果。每个人都有类似的效果，你是如何解决的？

Answer 1

我通过覆盖某些css值来解决它，如果选择了输入则会改变它们。以下是它对我有用的方法：

.ui-fixed-hidden{
    position: relative !important;
    top: 0 !important;
    padding: 0 !important;
}

.ui-header-fixed{
    position: fixed !important;
    top: -1px !important;
    padding-top: 1px !important;
}

.ui-header{
    position: fixed !important;
}

jQuery Mobile - 如果选择了输入，则固定标题会更改大小

1 个答案: