jQuery Mobile 固定标题 div 与内容 div 重叠
Posted
技术标签:
【中文标题】jQuery Mobile 固定标题 div 与内容 div 重叠【英文标题】：jQuery Mobile fixed header div overlaps content div 【发布时间】：2014-05-11 20:57:44 【问题描述】：我在 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">
【问题讨论】：
【参考方案1】：不确定 jQuery Mobile 是怎么回事，但它似乎起源于那里（用 jQuery Mobile 1.4.2 测试，也发生在那里）。
为了解决这个问题，我在 common\css\main.css 中添加了以下内容：
.ui-page-header-fixed padding-top: 15px !important;
顺便说一句， 你的代码 sn-p 被剪掉了……（不完整）。
【讨论】：
非常感谢，为我解决了这个问题，关于代码不完整，我故意没有添加它，因为手风琴很大，我不确定添加整个东西是否会很漂亮有用，因为我的问题只是标题。 有没有人进一步研究过这个？当我查看 .ui-page-header-fixed 并不能解决问题时。它最初可能会修复标题/内容重叠，但是当设备旋转然后旋转回来时，我们现在在我们的页面上有“额外的”填充。我曾经强制触发调整大小： $(window).on('load', function () $(this).trigger('resize'); );但这似乎不再适用于最新的 MFP V7。谢谢！以上是关于jQuery Mobile 固定标题 div 与内容 div 重叠的主要内容，如果未能解决你的问题，请参考以下文章
如何在jquery mobile中将弹出窗口定位在屏幕顶部或固定在顶部？