固定ヘッダ - header fixed
<![CDATA[
☆ソース
<div data-role="header" data-theme="b" data-position="fixed">
<h1>固定ヘッダ - header fixed</h1>
</div>
～～～中略～～～
<div data-role="footer" data-theme="b" data-position="fixed">
<h1>固定フッタ - footer fixed</h1>
</div>
]]>
固定ヘッダ・フッタは、クリックすると、設置した位置に戻ります。
また、ヘッダ・フッタの背景が不透明です。
↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ 以下、スクロール用のただの例文 ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓
対応ブラウザ・OS (jQuery Mobile サイト引用)
<![CDATA[
A-grade ? Full enhanced experience with Ajax-based animated page transitions.
Apple iOS 3.2-5.0 - Tested on the original iPad (4.3 / 5.0), iPad 2 (4.3), original iPhone (3.1), iPhone 3 (3.2), 3GS (4.3), 4 (4.3 / 5.0), and 4S (5.0)
Android 2.1-2.3 ? Tested on the HTC Incredible (2.2), original Droid (2.2), HTC Aria (2.1), Google Nexus S (2.3). Functional on 1.5 & 1.6 but performance may be sluggish, tested on Google G1 (1.5)
Android 3.1 (Honeycomb) ? Tested on the Samsung Galaxy Tab 10.1 and Motorola XOOM
Android 4.0 (ICS) ? Since it's very new, we don't have a test phone in our lab but early reports are positive. Note: transitions can be poor on upgraded devices
Windows Phone 7-7.5 ? Tested on the HTC Surround (7.0) HTC Trophy (7.5), LG-E900 (7.5), Nokia Lumia 800
Blackberry 6.0 ? Tested on the Torch 9800 and Style 9670
Blackberry 7 ? Tested on BlackBerryR Torch 9810
Blackberry Playbook (1.0-2.0) ? Tested on PlayBook
Palm WebOS (1.4-2.0) - Tested on the Palm Pixi (1.4), Pre (1.4), Pre 2 (2.0)
Palm WebOS 3.0 ? Tested on HP TouchPad
Firebox Mobile (10 Beta) ? Tested on Android 2.3 device
Skyfire 4.1 - Tested on Android 2.3 device
Opera Mobile 11.5 - Tested on Android 2.3
Meego 1.2 ? Tested on Nokia 950 and N9
Samsung bada 2.0 ? Tested on a Samsung Wave 3, Dolphin browser
UC Browser ? Tested on Android 2.3 device
Kindle 3 and Fire - Tested on the built-in WebKit browser for each
Nook Color 1.4.1 ? Tested on original Nook Color, not Nook Tablet
Chrome Desktop 11-17 - Tested on OS X 10.6.7 and Windows 7
Firefox Desktop 4-9 ? Tested on OS X 10.6.7 and Windows 7
Internet Explorer 7-9 ? Tested on Windows XP, Vista and 7
Opera Desktop 10-11 - Tested on OS X 10.6.7 and Windows 7
B-grade ? Enhanced experience except without Ajax navigation features.
Blackberry 5.0 - Tested on the Storm 2 9550, Bold 9770
Opera Mini (5.0-6.5) - Tested on iOS 3.2/4.3 and Android 2.3
Nokia Symbian^3 - Tested on Nokia N8 (Symbian^3), C7 (Symbian^3), also works on N97 (Symbian^1)
C-grade ? Basic, non-enhanced HTML experience that is still functional
Blackberry 4.x - Tested on the Curve 8330
Windows Mobile - Tested on the HTC Leo (WinMo 5.2)
All older smartphone platforms and featurephones ? Any device that doesn't support media queries will receive the basic, C grade experience
]]>