モバイルアプリに jquery mobile を使用しています。data-role=content
オーバーフローしたときにスクロールするページを作りたいのですが、ヘッダーとフッターでページ全体をスクロールしています。コンテンツ div のみをスクロールしたいのですが、ヘッダーとフッターの div を修正する必要があります。私はすでにiscrollviewを見てきましたが、iPhoneまたはその他の方法でしか機能しません。
このデザインの作り方を教えてください。
モバイルアプリに jquery mobile を使用しています。data-role=content
オーバーフローしたときにスクロールするページを作りたいのですが、ヘッダーとフッターでページ全体をスクロールしています。コンテンツ div のみをスクロールしたいのですが、ヘッダーとフッターの div を修正する必要があります。私はすでにiscrollviewを見てきましたが、iPhoneまたはその他の方法でしか機能しません。
このデザインの作り方を教えてください。
ヘッダーとフッターにdata-position="fixed"を追加するだけです。以下のこの例を確認してください。
<div data-role="page">
<div data-role="header" data-position="fixed" data-tap-toggle="false">...</div>
<div data-role="content">...</div>
<div data-role="footer" data-position="fixed" data-tap-toggle="false">...</div>
</div>
http://cubiq.org/iscroll-4を見てください。jQuery ではないかもしれませんが、モバイル スクロール用の優れた JavaScript プラグインです。
各 UL に ID を追加し、それぞれに個別に巻物を添付します。