jQuery Mobileで、ページが上下に動いてしまう

data-role="page"で作成したページが上下にガクガク動いてしまいます。
headerとfooterは以下の感じでfixedにしていますが、fixedを外しても、変わりませんでした。
contentの部分が上下しないように固定することはできるのでしょうか。

lang
1<div data-role="page">
2<div data-role="header" data-position="fixed">
3<h1>Header</h1>
4</div>
5
6<div data-role="content">
7<ul data-role="listview">
8リストビュー
9</ul>
10</div>
11<div data-role="footer" data-position="fixed">
12<h1>Footer</h1>
13</div>
14</div>

行動規範の内容に同意します

回答1件

試してみましたが、以下のコードで大丈夫そうですが。
(ul いろいろ属性を足しました)
ガクガクと言うのは、リストビューが長くて上下に動くということでしょうか？

lang
1<html lang='ja'>
2<head>
3    <title></title>
4    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.css" />
5    <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
6    <script src="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.js"></script>
7</head>
8<body>
9
10<div data-role="page">
11<div data-role="header" data-position="fixed">
12<h1>Header</h1>
13</div>
14
15<div data-role="content">
16
17 <ul data-role="listview" data-inset="true" class="ui-listview ui-listview-inset ui-corner-all ui-shadow">
18    <li class="ui-li-static ui-body-inherit ui-first-child">01</li>
19    <li class="ui-li-static ui-body-inherit">02</li>
20    <li class="ui-li-static ui-body-inherit">03</li>
21    <li class="ui-li-static ui-body-inherit">04</li>
22    <li class="ui-li-static ui-body-inherit">05</li>
23    <li class="ui-li-static ui-body-inherit">05</li>
24    <li class="ui-li-static ui-body-inherit">07</li>
25    <li class="ui-li-static ui-body-inherit">08</li>
26    <li class="ui-li-static ui-body-inherit">09</li>
27    <li class="ui-li-static ui-body-inherit">10</li>
28    <li class="ui-li-static ui-body-inherit">11</li>
29    <li class="ui-li-static ui-body-inherit">12</li>
30    <li class="ui-li-static ui-body-inherit">13</li>
31    <li class="ui-li-static ui-body-inherit">14</li>
32    <li class="ui-li-static ui-body-inherit">15</li>
33    <li class="ui-li-static ui-body-inherit">15</li>
34    <li class="ui-li-static ui-body-inherit">17</li>
35    <li class="ui-li-static ui-body-inherit">18</li>
36    <li class="ui-li-static ui-body-inherit">19</li>
37    <li class="ui-li-static ui-body-inherit ui-last-child">20</li>
38</ul>
39
40</div>
41
42<div data-role="footer" data-position="fixed">
43<h1>Footer</h1>
44</div>
45</div>
46
47</body>
48</html>