jQuery Mobile：固定ヘッダーを使用するための固定サイドバー

Question

ページの左側に垂直分割ビューバーがあります。このバーは固定したままの状態です（ヘッダーバーはdata-position="fixed"です）。

this exampleのように（このリンクは現在壊れています）、左側のリストも固定され、ヘッダーとともにタグ付けされています。

私は固定された位置を "継承"するためにヘッダーに挿入しようと考えました。それがうまくいくかどうかはわかりません。

ここに私のスタイルシートの内容があります。

.content-right { 
    float: right; 
    width: 75%; 
} 
.content-left { 
    width: 23%; /* Not 25%: I am not using padding */ 
} 

.content-right divがHTMLの最初に表示されます。

固定小数点のヘッダーが非表示（クリック）しても、このバーは正常にスライドしますが、これはあまり重要ではありません（現在のところ、クリック非表示にすることができます）。

Answer 1

私が思いついた解決策は、左側に固定divを使用し、右側が自然にスクロールする実際の「ページ」です。

私の左のdivはデスクトップのブラウザではページ外に伸びているので、スクロールバーもページから外れます。それは対処する必要があります。しかし、iOS5では、-webkit-overflow-scrolling: touchの固定スクロール機能を完全に使用して！

Answer 2

すぐには何もありません。

私のmultiview pluginを使用することができます。これは動作中です。私は現在ナビゲーションとパネルの履歴を終えています。さらに、タブレット/スマートフォン表示のすべてを修正します。今のところバグが残っていても気にしないなら、すぐに使用できるようになります（Githubに関する問題を投稿してください）。ここで

私は現在働いている一つのサンプル・ページがあるとテスト：sample-overthrow

このビューには、画面をロックしてoverthrowを使用して個別に各パネルをスクロールします。ラップトップページにdata-scrollmode = "overthrow"を追加する以外は設定できません。 HTMLの設定を確認してください。また、これは、転覆を統合する私の最初の試みであり、まだそれほど滑らかではないことに注意してください。

ページ全体が通常のJQMページのようにスクロールします。これがデフォルト動作です。

1/2/3のパネルを並べて使用することができます（「メニュー」、「ミッド」、「メイン」というラベルを付ける必要があります）、以前のバージョンで使用されていたコードから「全幅」を削除します。サイドに「navbar/sidebar」だけが必要な場合は、幅50pxのメニューを使用し、そこにツールバーを配置してください。メインパネルは自動的に拡大縮小され、画面いっぱいに表示されます。私はまた、ツールバーのイン/アウトを可能にするイールドモードを開始しました。これをまだ終わらせていない。