我创建了一个简单的 jquery 移动应用程序,具有固定的页眉和页脚。它工作正常,但是内容重叠在标题上,因为内容应该显示在标题之后。 这是我的标记:
<div data-role="page" data-fullscreen="true">
<header data-role="header" data-position="fixed"> <h1>Header</h1></header>
<div data-role="content" class="content">
Contents
</div>
<footer data-role="footer" data-position="fixed">Footer</footer>
</div>
如何对齐我的内容?
最佳答案
设置data-fullscreen="true"
更多的是针对图片。根据设计,它应该有点透明并位于内容之上。
我建议你去掉 data-fullscreen="true"。不要担心您的工具栏仍然会被固定,但不会与内容重叠。将您的标记更改为:
<div data-role="page">
<header data-role="header" data-position="fixed"> <h1>Header</h1></header>
<div data-role="content" class="content">
Contents
</div>
<footer data-role="footer" data-position="fixed"><h1>Footer</h1></footer>
</div>
关于jquery - 页眉、页脚固定后如何对齐内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10292296/