12、使用jQuery Mobile使页脚和页眉保持不变

使用jQuery Mobile使页脚和页眉保持不变

1. 固定页眉和页脚

在移动网页设计中，保持页眉和页脚在页面滚动时始终可见，可以大大提高用户的浏览体验。使用jQuery Mobile，我们可以通过简单的属性设置来实现这一效果。具体来说，只需要在页眉或页脚标签中添加 data-position="fixed" 属性，即可让页眉始终固定在屏幕顶部，页脚始终固定在屏幕底部。

示例代码

<div data-role="page">
  <div data-role="header" data-position="fixed">
    <h1>导航</h1>
  </div><!-- /header -->
  <div data-role="content">
    <!-- 页面内容 -->
  </div><!-- /content -->
  <div data-role="footer" data-position="fixed">
    <div data-role="navbar">
      <ul>
        <li><a