jQuery Mobile固定标题div重叠内容div

时间:2014-05-11 20:57:45

标签: jquery-mobile ibm-mobilefirst

在Worklight 6上使用Jquery Mobile 1.3.1。当我使用固定的标头和内容时。标题似乎总是与内容重叠。请告诉我我做错了什么。

<body id="content" style="display: none;">
    <div data-role="page" id="basic">
        <div data-role ="header" data-position="fixed">
            <h3>CORS</h3>
        </div>

    <div data-role="content">
        <form id="basic-information">
            <div data-role="collapsible-set" data-theme="c" data-content-theme="d" data-inset="false">
                <div data-role="collapsible">
                    <h3>Basic Information</h3>
                    <fieldset data-role="controlgroup" data-type="horizontal"
                    data-mini="true">

Screenshot

1 个答案:

答案 0 :(得分:3)

不确定jQuery Mobile有什么用,但它似乎源自那里(用jQuery Mobile 1.4.2测试,也在那里发生)。

要修复,我已将以下内容添加到常见的\ css \ main.css:

.ui-page-header-fixed { padding-top: 15px !important; }

顺便说一句,
您的代码段已被删除...(未完整)。