Jquery mobile jQuery移动固定头div与内容div重叠_Jquery Mobile_Ibm Mobilefirst

Jquery mobile jQuery移动固定头div与内容div重叠

jquery-mobile ibm-mobilefirst

Jquery mobile jQuery移动固定头div与内容div重叠,jquery-mobile,ibm-mobilefirst,Jquery Mobile,Ibm Mobilefirst,Am在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>

Am在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">


科尔斯
基本信息

不确定jQuery Mobile到底出了什么问题，但它似乎起源于jQuery Mobile（使用jQuery Mobile 1.4.2进行了测试，也发生在那里）

为了修复此问题，我在common\css\main.css中添加了以下内容：

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

顺便说一句，

您的代码片段已被剪切。。。（未满）。

不确定jQuery Mobile到底出了什么问题，但它似乎起源于此（使用jQuery Mobile 1.4.2进行了测试，也发生在那里）

为了修复此问题，我在common\css\main.css中添加了以下内容：

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

顺便说一句，

您的代码片段已被剪切。。。（未满）。

不确定jQuery Mobile到底出了什么问题，但它似乎起源于此（使用jQuery Mobile 1.4.2进行了测试，也发生在那里）

为了修复此问题，我在common\css\main.css中添加了以下内容：

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

顺便说一句，

您的代码片段已被剪切。。。（未满）。

不确定jQuery Mobile到底出了什么问题，但它似乎起源于此（使用jQuery Mobile 1.4.2进行了测试，也发生在那里）

为了修复此问题，我在common\css\main.css中添加了以下内容：

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

顺便说一句，

您的代码片段已被剪切。。。（未满）。

非常感谢，这为我解决了问题，关于代码未满，我故意没有添加它，因为手风琴很大，我不确定添加整个内容是否会非常有用，因为我的问题只是标题。有人看得更详细吗？当我查看.ui页面标题时，fixed并不能解决问题。最初它可能会修复标题/内容重叠，但当设备旋转然后再旋转回来时，我们现在在页面上有了“额外”的填充。我曾经强制触发器调整大小：$（window.on（'load'，function（）{$（this.trigger（'resize'）；}）；但这似乎不再适用于最新的MFPV7。谢谢非常感谢，这为我修复了它，关于代码没有满，我故意没有添加它，因为手风琴相当大，我不确定添加整个东西是否会非常有用，因为我的问题只是标题。有人进一步研究过吗？当我查看.ui页面标题时，fixed并不能解决问题。最初它可能会修复标题/内容重叠，但当设备旋转然后再旋转回来时，我们现在在页面上有了“额外”的填充。我曾经强制触发器调整大小：$（window.on（'load'，function（）{$（this.trigger（'resize'）；}）；但这似乎不再适用于最新的MFPV7。谢谢非常感谢，这为我修复了它，关于代码没有满，我故意没有添加它，因为手风琴相当大，我不确定添加整个东西是否会非常有用，因为我的问题只是标题。有人进一步研究过吗？当我查看.ui页面标题时，fixed并不能解决问题。最初它可能会修复标题/内容重叠，但当设备旋转然后再旋转回来时，我们现在在页面上有了“额外”的填充。我曾经强制触发器调整大小：$（window.on（'load'，function（）{$（this.trigger（'resize'）；}）；但这似乎不再适用于最新的MFPV7。谢谢非常感谢，这为我修复了它，关于代码没有满，我故意没有添加它，因为手风琴相当大，我不确定添加整个东西是否会非常有用，因为我的问题只是标题。有人进一步研究过吗？当我查看.ui页面标题时，fixed并不能解决问题。最初它可能会修复标题/内容重叠，但当设备旋转然后再旋转回来时，我们现在在页面上有了“额外”的填充。我曾经强制触发器调整大小：$（window.on（'load'，function（）{$（this.trigger（'resize'）；}）；但这似乎不再适用于最新的MFPV7。谢谢