关于jquerymobile的几个问题header定位
0
悬赏园豆：20
[已关闭问题]
关闭于 2011-11-22 17:25
<body style="margin:0;padding:0;">
<div data-role="page" id="loginPage">
<div data-role="header" data-position="fixed" id="top"><h4>节能系统</h4></div>
<h2>节能系统</h2>
<div id="loginForm" data-role="content">
<lable>用户名：</label><input type="text">
<lable>密码：</label><input type="text">
<div id="subFrom">
<a href="#jumpPage" data-role="button" data-theme="b" data-transition="fade">登录</a>
<input type="radio" value="下次自动登录">
</div>
</div>
<div data-role="footer" data-position="fixed" id="foot"><h4>Footer</h4></div>
</div>
<div data-role="page" id="jumpPage"></div>
</body>
</html>
代码如上（其实也不用看），一般的header和footer写了data-position="fixed"之后的效果是：页面滚动的时候header和footer消失，然后等到页面停止滚动的时候再出现的~~现在有几个问题：
（1）怎么设置才能让header和footer在页面滚动的时候也不消失，就是说一直定位在头部和尾部
（2）如果我想跳转到jumpPage这个页面（我现在是写在a链接里了），但是我想在外面的一个js里写这个链接该怎么写？
（3）我的jumpPage里面有个背景图片，图片大小是480*800，我现在打开jumpPage这个页面的时候图片超大的，请问有没有什么方法改为适合浏览器屏幕的呢？
因为刚开始学习，所以问题比较多，希望知道的人说一下，谢啦~~~
所有回答(2)
1
我只能回答第三个问题 用css来 #id img{max-width:100%;}
我也在找第一个问题的答案
1
第1个问题终于解决了
加 data-tap-toggle="false"
<div data-role="header" data-position="fixed" class="w640" data-tap-toggle="false">
<div data-role="footer" data-position="fixed" data-theme="2" class="w640" data-tap-toggle="false">
引用：
<link href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" rel="stylesheet" type="text/css">
<script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js" type="text/javascript"></script>
