jQueryMobile-如果输入是selected，则固定的标头会更改大小

jQueryMobile - Fixed header changes size if input is selectet

本文关键字：输入 如果 selected jQueryMobile-      更新时间：2024-06-19

我目前遇到一个固定头的奇怪问题。一旦我关注一个输入字段，它就会变得更大，并且实际上在输入字段本身之上"增长"。每次我关注另一个输入字段时，它就会变大（例如，父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固定头"都会添加到头本身。用jQuery删除它不会带来预期的效果。每个人都经历过类似的效果吗？你是如何解决的？

我通过覆盖某些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;
}
相关文章：